Vue concise and practical tutorial (04) - event handling
Copyright notice
Original author: brother Gu's younger brotherAuthor blog address: http://blog.csdn.net/lfdfhl
Event handling overview
In Vue, it is very convenient to handle events, such as click events, mouse over events, etc.
Main steps:
1. Define the function in the methods of the Vue instance.2. Specify the event type and its corres ...
Posted by JCScoobyRS on Tue, 09 Nov 2021 16:27:09 -0800
Summary of knowledge points of ecarts data visualization
Knowledge points of ecarts data visualization (I)
1. Use steps
(1) Import the echorts.js file
(2) Prepare a box to present the chart
(3) Initialize the ecarts instance object (parameters, dom elements, which determine the final rendering position of the chart)
var mCharts = echarts.init(document.querySelector('div'))
(4) Prepare configur ...
Posted by nagasea on Tue, 09 Nov 2021 14:21:01 -0800
Vue learning - preliminary understanding
Vue learning (I) - preliminary understanding
Source: PC personal blog
1. Front rear relationship
Vue is a progressive framework for building user interfaces, which can be applied layer by layer from bottom to topMVVM mode
Model: model layer, representing jsView: view layer, DOMViewModel: middleware connecting views and data. Vue.js is t ...
Posted by mcl on Tue, 09 Nov 2021 13:53:59 -0800
Ideas for designing high performance react components
For a high-performance react component, it is important to reduce redrawing and rearrangement, server rendering, and so on.
In a react application, the logic is organized as a react component, which splits the UI into separate, reusable components. Then the component performance optimization is maliciously considered from the perspective of co ...
Posted by ehhwan on Tue, 09 Nov 2021 08:38:34 -0800
Promise static method summary
Promise.resolve
The Promise.resolve() method returns a promise object parsed with the given value. If the value is a promise, the promise will be returned; If the value is thenable (i.e. with "then" method), the returned promise will "follow" the thenable object and adopt its final state.
const thenable = {
then(onFullfi ...
Posted by pabs1983 on Tue, 09 Nov 2021 04:05:52 -0800
20 JavaScript shorthand tips
1. Declare multiple variables
//Conventional writing
let x;
let y = 20;
//Abbreviation
let x,y = 20;
2. Assign values to multiple variables
Use array deconstruction assignment
//Conventional writing
let a,b,c;
a = 5;
b = 8;
c = 10;
//Abbreviation
let [a,b,c] = [5,8,10]
3. Proper use of ternary operators
//Conventional writing
let ma ...
Posted by zc1 on Tue, 09 Nov 2021 02:33:17 -0800
JavaScript Preparsing, Objects
1. Pre-resolution
1. Variable Pre-parsing and Function Pre-parsing
JavaScript code is executed by the JavaScript parser in the browser. The JavaScript parser runs JavaScript code in two steps: pre-parsing and code execution.
Pre-parsing: In the current scope, variables with var and function declarations are declared or defined in memory ...
Posted by rthconsultants on Mon, 08 Nov 2021 15:38:19 -0800
Summary and sorting of Vue knowledge points
1, Comparison of Vue, angular and react three mainstream frameworks
1. Compared with angular
api is simple, quick to start, and low learning cost;Angel uses two-way binding, and Vue also supports two-way binding. However, it is a one-way data flow, and the data is transmitted from the parent component to the child component in one directionIn ...
Posted by FrankHarley on Mon, 08 Nov 2021 15:09:49 -0800
React Base_ 4 (Life cycle. Hook function)
Preface
Lifecycle of components and associated hook functions
text
Lifecycle of components: The life cycle is the entire process from creation of a component to not running unloaded from a page. There are many functions that run throughout the life cycle, which are hook functions. Only class components have a life cycle. Hook function at cre ...
Posted by predhtz on Mon, 08 Nov 2021 14:20:35 -0800
web front end -- knowledge speed learning of Javascript
Environment construction of JavaScript
Development environment: webstorm, hbulider Running environment: chrome browser
code
Knowledge 1
Several ways of writing JavaScript 1 2 3 4. Realize the display of data in the page 5 prompt Popup 5. Define variables
// var a =1; global variable
// var a =1;
// alert(typeof (a) ...
Posted by DigitalDesign on Mon, 08 Nov 2021 12:57:02 -0800