VUE3 uses labels to achieve animation and transition effects - this series of tutorials is easy to understand and suitable for novices
1. General
Caterpillar effect:
In one experiment, many caterpillars were placed on the edge of a flowerpot to make them connect head to tail and form a circle. Then sprinkled some caterpillar food near the flowerpot.
At this time, caterpillars do not climb in the direction of food, but circle one by one at the edge of the flowerpot until they d ...
Posted by danc81 on Sun, 06 Mar 2022 15:37:47 +0100
Ruan Yifeng Promise learning
Promise meaning
Promise is a solution for asynchronous programming, which is more reasonable and powerful than traditional solutions - callback functions and events. It was first proposed and implemented by the community. ES6 has written it into the language standard, unified the usage, and provided promise objects natively.
Promise is simply ...
Posted by Dvorak on Sun, 06 Mar 2022 15:17:28 +0100
How does Vue3 implement global exception handling?
The plug-in library often needs to be developed globally, or exception handling is required:Handle exceptions globally;Prompt error messages for developers;Scheme degradation processing, etc.So how to realize the above functions?This paper first briefly implements an exception handling method, then introduces it in detail combined with the impl ...
Posted by adsegzy on Sun, 06 Mar 2022 15:05:17 +0100
Brief analysis of AntV X6 source code
prefaceAntV It is a new generation of data visualization solution of ant financial services. X6 is mainly used to solve the solutions related to the field of graph editing. It is a graph editing engine with built-in functions and components required by the editor. This paper aims to have a general understanding of some underlying engines in the ...
Posted by char skd1 on Sun, 06 Mar 2022 14:42:47 +0100
Python 3 regular expression
re module
1,re.match function
re.match attempts to match from the starting position of a string. If it cannot match from the starting position, it returns None.
Syntax: re match(pattern, string, flags=0)
Parameters:
pattern -- regular expression
String -- matching string
flags -- flag bit, which is used to control the matching method of ...
Posted by ravnen on Sun, 06 Mar 2022 14:28:40 +0100
Quickly review your knowledge of Flex layout
In a quick review, flex layout is basically used
I Basic concepts of Flex layout
All child elements of the Flex layout automatically become members of the container, called Flex items. The container has two axes: the main axis and the cross axis. As shown in the figure below.
II The attribute of the container (that is, the attribute of the ...
Posted by alecodonnell on Sun, 06 Mar 2022 13:49:25 +0100
[JavaScript] Web magnifying glass effect case
[JavaScript] Web magnifying glass effect case
Deepen the understanding and application of e.pageX, e.pageY, offsetLeft, offsetTop, offsetWidth and offsetHeightApplication of mouse events mouseover, mouseout and MouseMove
Implementation effect: the mouse moves in the small picture on the left, and the enlarged effect of this part of the area i ...
Posted by abelajohnb on Sun, 06 Mar 2022 11:16:56 +0100
Sword finger Vue3| thoroughly understand Vue3 responsive principle (proxy,Reflect)
What is responsive?
catalogue
Function encapsulation
Class encapsulation
Listening object change
let m = 3
console.log(m);
console.log(m +'1aaaaaa');
console.log('hello');
When the value of m changes, I hope the following three lines of code will be executed again automatically.
// obj
const obj = {
name:'Sherry',
age:18
}
cons ...
Posted by misseether on Sun, 06 Mar 2022 09:59:05 +0100
How many secrets do you not know about vue3 routing
route
Understanding: a route is a set of key - value s. Multiple routes need to be managed by a router.Front end Routing: key is the path and value is the component.
1.router-link
In vue, instead of using the regular a tag, we use a custom component router link to create links. This allows Vue Router to change the URL and handle URL generatio ...
Posted by saloon12yrd on Sun, 06 Mar 2022 09:15:35 +0100
Java Web Session Cookie learning notes
0 @WebServlet annotation usage
0.1 configuration xml document header
Note: if the annotation is "0-version", please note that the configuration is "version-3"
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instanc ...
Posted by Atari on Sun, 06 Mar 2022 08:01:25 +0100