Tag : Front end

HTML5 Eight new responsive HTML5 CSS3 website templates 50+ free responsive HTML5 website templates CSS3 10 animation characters implemented by pure CSS 20 Useful CSS Libraries in Web Development CSS Tools, Frames, Library Collections (1-26) CSS Tools, Frames, Library Collections (27-54) CSS3 Implements 18 Loading Effects 8 CSS Libraries for Adding Hover Effect to Pictures ..

Read more

CSS CSS reference manual CSS reference manual JavaScript ECMAScript5.1 Chinese Version+ECMAScript3+ECMAScript (Set) Interesting JavaScript Native Array Function JSON JSON API:: Standard Guide for Building API with JSON JQuery JQuery API chinese document Regular expression Detailed explanation of regular expression metacharacters Regular expression syntax webpack Webpack chinese document Zepto.js Zepto.js (1.2.0) API Chinese document-lightweight jQuery compatible ..

Read more

JQuery learning notes Most of jQuery’s functions need to work according to the DOM model of the document. First, it needs to correctly parse the DOM model structure of the entire document. Using jQuery requires the entire document to be fully loaded by the browser before it can be started. $(document).ready(function () { alert(“Hello World!”); ..

Read more

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 ..

Read more

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 ..

Read more

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: ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more