36 tips for Vue development
Transferred from: Micro reading https://www.weidianyuedu.com
preface
This paper lists 36 vue development skills; Subsequent vue 3 After X comes out, it will be updated continuously
1,require.context()
1. Scenario: if the page needs to import multiple components, the original writing method:
import titleCom from "@/components/home/t ...
Added by james182 on Sat, 26 Feb 2022 07:16:38 +0200
Object oriented programming of JavaScript
Constructor and prototype object
1. Constructor
Constructor: the constructor is mainly used to create an object and assign initial values to the members of the object.
function Person(name, age) {
this.name = name;
this.age = age;
}
var p1 = new Person('Zhang San', 18);
var p2 = new Person('Li Si', 19);
console.log(p1.name); // Outp ...
Added by therainmaker53 on Sat, 26 Feb 2022 05:27:08 +0200
TS common types for getting started with TypeScript
Previous chapter: 3. TS common types for getting started with typescript (2)
3.13 enumeration types
The function of enumeration is similar to that of literal type + union type combination. It can also represent a set of explicit optional values.
Enumeration: defines a set of named constants. It describes a value that can be one of these name ...
Added by David-fethiye on Sat, 26 Feb 2022 03:02:58 +0200
JavaScript knowledge points sorting - DOM - operation elements - case exercise
catalogue
1, Baidu skin changing effect
2, Table interlaced color change
3, Select all unselect all cases in the form
4, Actions for custom attributes
4.1 get attribute value
4.2 setting attribute values
4.3 remove attributes
4.5 case exercise - tab bar switching (key cases)
5, H5 custom attributes
5.1 setting H5 custom attributes
5. ...
Added by pup200 on Sat, 26 Feb 2022 01:35:15 +0200
Vue source code learning - Virtual DOM+Diff algorithm
The virtual DOM + Diff algorithm is adopted in Vue, which reduces the number of operations on DOM and greatly improves the performance. Today, let's talk about the implementation logic of this part of Vue in detail. I hope it can help the little partners who do not understand this part understand this part and play it purely by hand. I hope you ...
Added by Murciano on Fri, 25 Feb 2022 17:24:08 +0200
PC side web page effects
PC side web page effects
1, Element offset offset series
1. offset overview
Offset translates to offset. We can dynamically get the position (offset) and size of the element by using the relevant attributes of offset series
Gets the distance of the element from the position with the positioning parent elementGets the size (width and hei ...
Added by Gafaddict on Fri, 25 Feb 2022 16:58:52 +0200
Object data type - object
Object data type - object
Understanding Object data types - Object
1. Is a data type in js and a complex data type
2. It is a "box" that carries data
3. It is an unordered data set and a set of key value pairs
Creation of object data type
1. Create objects literally
(1) create an empty object: var obj = {}
var obj ...
Added by lazytiger on Fri, 25 Feb 2022 16:48:21 +0200
JS data type - reference type
JS data type - reference type
···
1. Array
1.1 basic syntax of array
1.1.1 array introduction
Function: an array variable can store multiple dataComposition of array memory
Elements: data in an arraySubscript: the position of data in the array (subscript will not jump)Length: number of elements
1.1.2 array syntax
let variable name ...
Added by rhasce on Fri, 25 Feb 2022 14:44:23 +0200
[JavaScript] day 21 (cookie)
cookie
1, Callback function
A function is passed to another function as a parameter, function B is used as a parameter of function a, function B is called inside function a, and function B is called the callback function of function a.
Syntax:
function A(callback){
callBack()
}
B Is also a function
A(B)
Syntax 1:
function success(cal ...
Added by bongbong on Fri, 25 Feb 2022 11:59:59 +0200
Alibaba vendor fluent for Web Engineering Practice
Author: Ma Kunle (Kunwu)
Since its debut in 2015, after years of development, fluent has become quite mature and has been widely used in Internet companies such as Alibaba, meituan and pinduoduo. In the ICBU Ali seller, 90 +% of the new businesses are developed with Flutter, and the ICBU client development group has a large number of Flutter ...
Added by joshbb on Fri, 25 Feb 2022 09:03:10 +0200