React (10) React Form Element Application Method
16, form
Write a summary before
Value changes are triggered by onChange events (including text entry boxes, radio, checkbox);
Checked or not is achieved by setting checked HTML elements equal to a required state value (so the expression results in true, so checked='true'is selected).
[form] Label:
If you use the form tag, it will automati ...
Added by method_man on Thu, 16 May 2019 01:15:38 +0300
Viewing Virtual dom of Vue Source from Debugging Tools
Preface
Last time we mentioned that in the case of a child component, the parent component generates an instance of the child component after the created hook function is executed, the child component executes the created hook function, and checks if there are also child components, or repeats the steps of the parent component, otherwise the ch ...
Added by jvquach on Wed, 15 May 2019 13:43:00 +0300
Front-end api request caching scheme
In the development of web applications, performance is an indispensable topic. For web packaged single page applications, there are many ways to optimize performance, such as tree-shaking, module lazy loading, and using extrens network cdn to accelerate these conventional optimization. Even in the vue-cli project, we can use the -- modern instr ...
Added by sstoveld on Wed, 15 May 2019 11:10:25 +0300
Implementing Picture Preview Component Based on Element UI
This is a simple click preview componentBy the way, record scope pits in vue stepped on during component writing~
Start with registering global components!
Project catalogue:
Imitate elementUI directory structure, directory name is component name, SRC is component source file (or js service file), there is also an index.js in the file director ...
Added by reddevil on Wed, 15 May 2019 05:40:54 +0300
Implement Redux architecture from zero to one with native JS
Preface
Recently, I used my spare time to read Daika's "React Books", which benefits a lot from explaining React, Redux, etc. from the basic principles.It's better to write it once in a thousand times than to follow the author's thoughts and reference code to implement the basic Demo. Here's a Redux architecture from scratch using na ...
Added by jasraj on Wed, 15 May 2019 05:38:07 +0300
The Road to Vue Learning (5) - Lifecycle Hook Function Configuration Options Trigger Demo
beforeCreate
After instance initialization, data observer and event/watcher event configurations are invoked.
created
Called immediately after instance creation is complete.In this step, the instance has completed the following configurations: data observer, operation of attributes and methods, and watch/eve ...
Added by lilleman on Tue, 14 May 2019 23:42:33 +0300
Quick Use of vue+webpack
First, there are two ways to use vue:
1. Download vue.js
<script src="vue.js"></script>
2. use npm
npm install vue
2. On the basis of vue's mvc idea, there will be many functions to be realized, which can be written without being native. For example, ajax requests, various plug-ins.
Install vue-cli to enable these ...
Added by eddjc on Tue, 14 May 2019 16:14:53 +0300
vue+webpack4 multi-page packaging configuration
vue+webpack4 multi-page packaging configuration
There are usually two forms of multi-page configuration, one is multi-page multi-configuration, the other is multi-page single configuration. Because webpack (more than 3.1) can directly process an array of configuration objects, it is possible to write a configuration for each page individually. ...
Added by ndorfnz on Tue, 14 May 2019 15:24:39 +0300