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