Webpack optimization To view all document pages:Full stack developmentFor more information. Original link:Webpack optimization, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Optimize development experience Optimizing Construction Speed. When the project is huge, the construction time may become very long, and the time spent waiting ..
Category : Front end
Webpack principle To view all document pages:Front-end development documentFor more information.Original link:Webpack principle, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Summary of working principle Basic concept Before understanding the principle of Webpack, we need to master the following core concepts to facilitate the following ..
Webpack appendix To view all document pages:Full stack developmentFor more information.Original link:Webpack principle, the original advertising mode box block, reading experience is not good, so organize the text, easy to find. Loaders in common use Load file raw-loader: Load the contents of the text file into the code, in3-20 Load SVGIt is introduced in. file-loader: ..
examineOriginal site, more expanded content and better reading experience! Vue foundation Root instance of constructor Vuenew Vue({})And start the Vue application. var app = Vue({ el: “#app”, data: {}, methods: {} }); VariableappOn behalf of this Vue instance. Among them, the essential options areelA that specifies a DOM element that already exists in a page ..
examineOriginal site, more expanded content and better reading experience! Component details Components and Reuse Vue components need to be registered before they can be used. There are two ways of registration: global registration and local registration. Global registration Vue.component(‘my-component’, {}); To use this component in the parent instance, you must register before the instance is ..
examineOriginal site, more expanded content and better reading experience! Actual Combat: Development of Common Components Only numbers can be entered in the number input box, and there are two shortcut buttons, which can be directly reduced by 1 or increased by 1. In addition, you can also set the initial value, maximum/minimum value, and trigger ..
Render function The biggest difference between Vue2 and Vue1 is that Vue2 uses virtual DOM to update DOM nodes and improve rendering performance. Virtual DOM React and Vue2 both use the virtual DOM technology. The virtual DOM is not a real DOM, but a lightweight JavaScript object. When the state changes, the virtual DOM performs ..
Functional component Vue provided onefunctionalIs set totrueYou can make components stateless and instanced, that is, withoutdataAndthisContext. Use this wayrenderFunctions that return virtual nodes can be rendered more easily because the functional component is only a function and the rendering cost is much lower. When using a functionalized component, the Render function provides the second argumentcontextTo ..
examineOriginal site, more expanded content and better reading experience!See the original text:Regular expression Regular expression Regular expressions are matching patterns, either matching characters or matching positions. Character matching Two kinds of fuzzy matching Regular expressions can realize fuzzy matching Fuzzy matching, there are two directions of fuzzy: horizontal and vertical Transverse fuzzy matching Horizontal ambiguity ..
Sites:Front-end development documentIt is recommended to check the original text:JS mind map JS mind map Basic concept basic statement Basic and Common Methods of String Basic common methods Operator Basic and Common Methods of Arrays Variable Basic DOM operations string processing function Process statement Operator array Functional basis Regular expression Mind map xind address:JS mind ..
Front-end development interview questions Site address:Full stack developmentOriginal link:Front-end development interview questions HTML Doctype effect? What are the differences between standard mode and compatible mode? 1、<! DOCTYPE>The declaration is located on the first line in the HTML document, at<html>Before labeling, tell the browser’s parser what document standard to parse with. The absence or incorrect format ..
Recently, I am trying my best to sort out the document of “High Performance JavaScript” and learn it again. I put it here for everyone to check and find the knowledge points they need. Front-end development document High-performance JavaScript Chapter 1: Loading and Execution Script location Block scripts Non-blocking scripts Delayed script Dynamic script element ..