Optimization of construction speed of vue-cli2
For the front-end projects created by using Vue cli scaffolding, compiling and publishing are almost necessary operations, some of which only need sec...
Verification code algorithm
Verification Code: This verification code is developed by myself with reference to other people's ideas. The printing effect is general and not ...
Handwritten code of front-end written test
1. Flat nested array / flat implementation Description: expand and tile a nested array into an array with only one layer. let array = [1, [1, 2, 3], [...
Use form create to dynamically generate vue components, supporting json format
[github] | [description document] Example let rule = [ { type:'row', children:[ { type:'i-col', props:{ span:12 }, children:[ form...
Implementation of paging query in weUI
This paper introduces the implementation of h5 paging query in mobile terminal 1. front end html Front end implementation based on weui style library ...
layui-v2.4.5 compatibility tuning
It has been written in the community of layui, but the community editor is really not good. Write it again here, just to consolidate it table.js Descr...
Two way binding with Proxy
We need to use Proxy to implement two-way binding in vue3.0, so let's try to implement it first. 1 implementation of object.definepropertyThe ori...
Common code set
I. jquery returns to the top $("html , body").animate(,'slow'); Second, jQuery judges the sliding direction of the mobile screen ...
vue wechat sharing (actual battle)
Today, I met the demand of wechat sharing. Generally speaking, it's relatively simple, but I still met a hypothetical pit (really hypothetical) a...
React form element
Let's talk about the form elements of react today.Controlled elementLet's see how to get the value of the input box import React, { Componen...
The meaning and implementation of virtual DOM
This article comes from "An essay on the meaning and implementation of virtual DOM" , if you think it's good, welcome to Star Github wa...
Gracefully register events in the React component
Preface In the development of React, we often need to register some events on the window, such as pressing Esc to close the pop-up window, pressing up...
Summary of Handlebars, a front-end template engine
I. escape of Handlebars template 1. template Escape, output HTML string when {}} is used When {{}}} is used, html is output without escaping (identif...
Realization of Js rotary lottery
Samples Address: http://js.zhumimi.cn/zhujiang/index.htm Source code: https://pan.baidu.com/s/15khesfclf1wmoom6pzcja II. Implementation method 1: buil...
ES6 Foundation - ES6 class
Author| Jeskson Source|Dada Front End Bistro ES - Class Classes and Object Oriented: Object-oriented, that is, everything is object. Object-oriented ...
Brush the front end of the book
1. The following recursive functions are at risk of stack overflow. How to optimize them? function factorial(n){ return n*factorial(n-1) } Answer: fun...
JavaScript essence advanced OOP object oriented programming
Reprint please indicate the source Original connection http://blog.huanghanlian.com/article/5b698f22b8ea642ea9213f51 How do we simulate overloading? ...
[Angular] component communication in Angula6
Angula6? Component communication This paper mainly introduces component communication in Angular6 I. parent child component communication 1.1 parent c...
Front-end technology: how to execute methods in the UI after vuex state management action asynchronous call ends
1. Origin of the problem Recently, when working on the vue.js project, we encountered the problem of communication and interoperability between vuex s...
js object-oriented design pattern inheritance
//Class inheritance // function Father(){ // this.fartherValue = true; // } // Father.prototype.getFartherValue = function () { // return this.farthe...
Forged form data part of form builder random vehicle license plate
A few days ago, I recorded the mongodb part of the form data storage structure of the form builder, and then I wanted to forge some data. Why forge da...
Those js that are often used but are not easy to write in the background -- multiple box event
jquery implementation Import jquery file // Online introduction <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js" t...
Using local storage as timing cache
background When the page uses ajax to get the data, it will send a request to the server to get the data every time it visits, however Some data updat...
List content auto scroll up (native JS)
Effect display (mouse in, roll stop; mouse out, roll continue) Realization principle 1. html structure: the core is ul > Li, and the outer layer of...
How to implement modular loading of Web pack
The module specifications supported by webpack are AMD ,CommonJS,ES2015 import Such norms. No matter what kind of specification, it can be roughly di...
iOS knowledge combing asynchronous programming - coobjc learning
Asynchronous programming is a hot topic in recent years. Today, we will talk about asynchronous programming and coobjc in iOS platform. First of all, ...
The problem of a parseInt function found by javascript random number
A few days ago, I wanted to forge some data and used random numbers. I didn't write it myself, so I searched the Internet and found this article:...
Several benefits of using HooX to manage React state
HooX Is a lightweight React state management tool based on hook. It can be used to manage the global state of React application conveniently, with si...
On node events module
Module overview In node, events module is one of the core modules. Almost all the common node modules inherit events module For example, net.Server wi...
Native js implementation of each method
There is an each method in jquery to simplify and facilitate circular operation.Then es produced a forEach method. Although the two methods are simila...