Personal summary for element plus form validation
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
preface
Form verification can verify th ...
Added by Hellomonkey on Fri, 18 Feb 2022 22:50:57 +0200
Haichuang software group -- 20210425 -- two week summary
JS object based
JS is a language designed and developed based on objects.
**Note: * * there is a difference between object-based and object-oriented!
object-oriented:
Three characteristics: encapsulation, inheritance and polymorphismThere are two methods of interface inheritance: Inheritance and implementation
Object based:
Object bas ...
Added by DJ Unique on Fri, 18 Feb 2022 22:32:24 +0200
Practice of cloud development of small program for brushing questions in postgraduate entrance examination - page design and production (home page of question bank, ranking page, my)
prefaceWhy does your UI feel messy? For small program developers, especially for novice developers or beginners, the quality of typesetting is the core issue to be considered at this stage, that is, details. But many students always pay little attention to this and always want to use it. The interface is very ugly. What's the user experience!Do ...
Added by pchytil on Fri, 18 Feb 2022 22:19:03 +0200
Don't you know the Promise object of JS? Take a look
Promise object
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.
P ...
Added by scerm on Fri, 18 Feb 2022 21:58:32 +0200
Asynchronous operation processing exists in the forEach callback function
We will encounter this situation:
const result = [];
const ids = [1, 2, 3, 4, 5];
ids.forEach(id => {
const list = http(id); //http is an asynchronous request to get the information of the corresponding id
result.push(list.name);
})
console.log(result); // []
The result is an empty array. In fact, we want the result to print the info ...
Added by rkumar on Fri, 18 Feb 2022 21:38:32 +0200
npm command line tool development guide
We often use command-line tools in front-end development, such as @babel/cli,vue-cli,create-react-app wait. So how to create an npm command line tool? In fact, it's very simple. It only takes a few steps.
establish
1 initialize npm project
npm init
package name: (cli) gogocode-cli
version: (1.0.0)
description: my-first-cli
entry point: (ind ...
Added by cry of war on Fri, 18 Feb 2022 18:37:28 +0200
Regular expressions for headaches
regular expression
Learning regular expressions has always been a headache, but the main reason is that there are too many characters and rules. Therefore, for me, it is because of laziness. I can change this state by summing up carefully and slowly. Regular expression is actually a tool for string pattern matching, so as to realize the func ...
Added by orlandinho on Fri, 18 Feb 2022 18:02:00 +0200
DOM events advanced
DOM events advanced
Registration event
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
...
Added by jcanker on Fri, 18 Feb 2022 14:50:09 +0200
vue dynamic class, style, filter, calculation attribute, listener summary
1, Virtual DOM: The labels written in the template in the vue file are all templates, which must be processed into virtual DOM objects by vue before they can be rendered and displayed on the real DOM page
2, diff algorithm: used to compare the new virtual DOM with the old virtual dom
1. Root element change → delete and rebuild DOM tree 2 ...
Added by desmi on Fri, 18 Feb 2022 08:53:38 +0200
Learn about AJAX and how AJAX sends requests
due to the limited capability of JavaScript, the API s it provides only stay in the stand-alone stage. This will make some functions impossible to realize. For example, when the user logs in, the user will display the user's corresponding avatar when entering the user account; When the user registration cannot be realized, the user will ...
Added by jcoones on Fri, 18 Feb 2022 06:34:59 +0200