Vue 2.x notes of common knowledge points (10000 word notes)
Vue 2.x notes
Notes of common knowledge points. If there are mistakes, you are welcome to give advice. If the number of words exceeds 10000, you have to taste them carefully
catalogue
Vue 2.x notes
1. Create a new Vue instance2. Prevent production prompt generation3. Template syntax
3.1 interpolation syntax3.2 instruction syntax
...
Added by newbiez on Wed, 09 Mar 2022 03:17:08 +0200
Vue.js efficient front-end development [Vue list rendering]
All chapters > > > >
Article catalogue
1, v-for instruction
1. Use of v-for instruction2. Practical exercises (to be updated) 2, Calculation properties
1. Calculation attribute creation and use2. Practical exercises (to be updated) 3, Listening properties
1. Create and use listening properties2. Practical exercises (to ...
Added by rlindauer on Wed, 09 Mar 2022 03:17:49 +0200
I removed Vuex from Vue3 project and used Pinia instead
Pinia
pinia is now the official state library of Vue. It is applicable to vue2 and vue3. This paper only describes the writing method of vue3.
image-20220217155244154.png
Advantages of pinia
Compared with the previous vuex, pinia has the following advantages
Simpler writing method, clearer and concise code, and support the syntax of &qu ...
Added by Mow on Wed, 09 Mar 2022 03:09:03 +0200
Vue basic syntax
Vue basic syntax
1.v-bind2. Conditional rendering3. List rendering4. Binding event5. Bidirectional data binding6. Use of components
[crazy God talking about Java] Vue's latest quick start tutorial is easy to understand Notes: Vue basic syntax, Vue binding events, Vue two-way binding, Vue component explanation.
1.v-bind
v-bind is ...
Added by MerlinJR on Wed, 09 Mar 2022 02:46:12 +0200
The use of Vue Router 4 is thoroughly explained in an article
Vue 3.X using Vue router 4 X for routing configuration, let's study how to use Vue router 4 x. All usage methods in this article are using the Composition API.
This paper introduces Vue router 4 step by step Let your new version of Vue router build a simple system X has a complete understanding, and then can easily drop Vue router 4 X is appli ...
Added by julian1 on Wed, 09 Mar 2022 02:40:16 +0200
Implement a simple login page
Implement a simple login page
Designed a login page, which feels pretty good
Realization effect
The design is still pretty good, isn't it
Analyze required functions
One login page one registration pageFlip effectThe regular judgment after input will prompt the user with informationFlip all the information of the page to be clea ...
Added by php_wiz_kid on Tue, 08 Mar 2022 22:11:45 +0200
Personal understanding of the return value of continuous bind
Some understanding of continuous bind:
First paste the handwritten bind implementation you understand, and refer to the understanding of some bosses:
Function.prototype.myBind = function(asThis, ...arg) {
let _this = this;
if (typeof _this !== 'function') {
throw new Error('not a function');
}
let newFn = function() {
console.log('Pri ...
Added by nicandre on Tue, 08 Mar 2022 21:37:49 +0200
JQuery framework (simplified js Development)
JQuery Basics
(1) Basic concepts:
Simplify js development
Optimize HTML document operation, event processing, animation design and Ajax interaction JavaScript framework: the essence is some js files, which encapsulate the methods
(2) Quick start:
Steps:
Download JQuery fileImport JQuery fileUse file jquery-xxx.js and jQuery XXX Diff ...
Added by Kwakhed on Tue, 08 Mar 2022 15:01:27 +0200
Implementation method of front-end web page watermark
preface
Page watermarking is a means of digital protection, copyright protection and intellectual property protection. In order to prevent others from stealing, it can quickly locate individuals
target
To improve security, the hidden watermark cannot be modified through the consoleThe front-end watermark does not affect the normal u ...
Added by McInfo on Tue, 08 Mar 2022 11:07:14 +0200
[front end notes] nodejs introduction learning notes (CommonJS version)
The version number of node stable version is even Now node is supported by default
modularization
In Node, a js file is a module Each variable in the js module can be accessed independently of the other variables in the js module. Therefore, it is not possible to prevent the repetition of a function in the js module exports exposes proper ...
Added by Transwarp-Tim on Tue, 08 Mar 2022 10:38:53 +0200