Vue -- 03. Life cycle of Vue, asynchronous communication, calculation properties, slots, custom events, and final summary

1, Life cycle of Vue Official documents: https://cn.vuejs.org/v2/guide/instance.html# Life cycle diagram    Vue instances have a complete life cycle, which is a series of processes from the beginning, such as creating initial platform data, compiling templates, mounting DOM, rendering update rendering, unloading and so on. We cal ...

Added by Aebx on Thu, 10 Feb 2022 04:07:55 +0200

State mode of javascript Design Pattern

concept State mode: allows an object to change its behavior when its internal state changes. The object seems to modify its class. Start with the electric light Requirements: An electric lamp that realizes a switching function Code implementation: class Light { constructor() { this.state = 'off' // Default light off ...

Added by nowaydown1 on Thu, 10 Feb 2022 03:28:50 +0200

Communication value transfer between components

I Pass parent component to child component Parent components communicate with child components through props attribute Data is one-way flow parent - > child (if props data is modified in the child component, it is invalid, and there will be a red warning) 1. Parent component Vue code is as follows: Father to son Bind an attribu ...

Added by IlikeTheWeb on Thu, 10 Feb 2022 02:01:36 +0200

HTML DOM Learning Front End must understand the architecture DOM [simple, easy to learn, comprehensive]

Before learning html dom, you must have HTML,CSS and Javascript Knowledge reserve. 1. Interpret DOM, HTML DOM, and XML DOM 1. What is DOM? Here DOM, the full name is short for Document Object Model. DOM is the standard of the W3C (World Wide Web Consortium). DOM defines standards for accessing HTML and XML documents. 2. What is an XML ...

Added by archangel_617b on Wed, 09 Feb 2022 22:34:50 +0200

What are the Web front-end development technology stacks

This article will summarize and sort out the front-end technology stack currently used by the author, which is very basic. If you know something about the basic JS/HTML/CSS framework, but you don't know or feel confused about the current popular web framework, more directly the technology that can be employed, then I believe you will gain enoug ...

Added by antonbrk on Wed, 09 Feb 2022 20:27:34 +0200

vue component communication

I Pass parent component to child component Parent components communicate with child components through props attribute Data is one-way flow parent - > child (if props data is modified in the child component, it is invalid, and there will be a red warning) 1. Parent component Vue code is as follows: Father to son Bind an attribu ...

Added by dk4210 on Wed, 09 Feb 2022 17:44:00 +0200

Use antv/X6 to realize the flow of line animation and quickly build initial practice records such as flow chart and DAG chart

Recently, we need to display the deep learning network structure diagram on the front end in a more intuitive form. For data transmission, we plan to use the form of data path flow, because I haven't learned much about the front end. I feel that there will be many problems after I write js and css code. The beauty of the front end display an ...

Added by mkr on Wed, 09 Feb 2022 16:49:24 +0200

Modular development

Modularization is the first mock exam in the most important front end development paradigm. Modularity is only thinking. Modular evolution process Stage1 file division method Pollution global scopeNaming conflict problemUnable to manage module dependenciesEarly modularity depended entirely on conventions Stage2 namespace mode Each module e ...

Added by lazytiger on Wed, 09 Feb 2022 11:47:00 +0200

Ajax asynchronous request

Ajax Ajax concepts Ajax(Asynchronous JavaScript and XML): asynchronous JavaScript and XML effect Using Ajax, the page can be updated without refresh, the page can be submitted asynchronously, and the user experience can be improved essence Use a special object (XMLHttpRequest) provided by the browser to send a request to the server asynch ...

Added by Cyberspace on Wed, 09 Feb 2022 11:32:19 +0200

A text must understand - Ajax and form

Ajax A way of calling background interface on Web page JQuery provides the corresponding usage, $ ajax({content}); Add the jQuery package first. The content part is a JS object. $.ajax({ type:'get', //Request type: get - > call doget(), post - > call dopost(); data:req, //The data sent is req; url:'queryAll', //Interfa ...

Added by Stelios on Wed, 09 Feb 2022 11:13:29 +0200