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