Vue bidirectional binding
Vue bidirectional binding
5, Bidirectional binding
1. What is bidirectional data binding?
Vue.js is an MV VM framework, that is, two-way data binding, that is, when the data changes, the view changes, and when the view changes, the data changes synchronously. This is the essence of vue.js. it is worth noting that what we cal ...
Posted by jamiefoxx on Fri, 01 Oct 2021 20:07:21 +0200
Vue daily summary: calculating attributes and monitoring
1, Calculated attribute - calculated
1. Definition: the attribute to be used does not exist and must be calculated from the existing attribute. Computed: {}, define the calculated attribute in the computed object. 2. Call: use {{method name}} in the page to display the result of the calculation. 3. Principle: the bottom layer uses getter s ...
Posted by Johnm on Fri, 01 Oct 2021 02:32:40 +0200
flex flexible box layout (detailed)
Elastic box model
1. Telescopic container display
Flex is the abbreviation of Flexible Box, meaning "flexible layout", which is used to provide maximum flexibility for box model. Any container can be specified as a flex layout.
Elements with Flex layout are called Flex containers, or "containers" for short. All its child ...
Posted by DarkShadowWing on Thu, 30 Sep 2021 23:03:35 +0200
JavaScript (crazy God learning notes)
JavaScript
1. General
Ant Design History of JavaScript JavaScript is the most popular scripting language The language styles of Java and JavaScript are very different, just to rub the heat
A qualified back-end person must be proficient in JavaScript
2. Quick start
2.1 importing JavaScript
Internal labelExternal introduction
<! ...
Posted by steveonly20 on Wed, 29 Sep 2021 02:25:36 +0200
Front end beginner's notes: JavaScript functions
JavaScript functions
Functions in JavaScript: 1) Encapsulate functions 2) Can be called directly 3) The reuse rate of code is improved
1. Function declaration
Function declaration
function Function name(parameter list ){
//Function body
}
Function expression
var Function name = function(parameter list ){
//Function body
}
Function d ...
Posted by brewmiser on Mon, 27 Sep 2021 15:58:34 +0200
Copy constructor, this pointer, assignment operator overload, complete class
Catalog
copy constructor
this pointer
Because this pointer points to its own object, we return this pointer to return our own object
Assignment Operator Overload (Assignment Constructor, have I forgotten this statement, I've always called it that way)
Complete class (parameterized, parameterized, copy, assignment, destructive)
copy con ...
Posted by srhino on Sat, 25 Sep 2021 19:04:03 +0200
JavaScript factory function pattern & constructor pattern
1.JavaScript factory mode
The main function of factory pattern is to create objects and reduce code redundancy
Application scenario: when you want to mass produce objects of the same kind; For example, you want to generate 40 students in a class. Each student has characteristics such as name, age and so on. At this time, you create a "fa ...
Posted by bulgaria_mitko on Fri, 24 Sep 2021 18:14:47 +0200
Front end performance optimization 03_ Layer and redraw rearrangement
css layer
When rendering a page, the browser will divide the page into many layers, ranging from large to small, with one or more nodes on each layer. When rendering DOM, what the browser does is actually:
1. After obtaining DOM, it is divided into multiple layers
2. Calculate style results for nodes of each layer (calculate style – st ...
Posted by jamesm87 on Fri, 24 Sep 2021 14:21:40 +0200
Animation function encapsulation
1. Animation function encapsulation
1.1 animation implementation principle
Core principle: continuously move the box position through the timer setInterval().
Implementation steps:
Get the current position of the box.Add 1 movement distance to the box's current position.Use the timer to repeat this operation continuously.Add a condition to ...
Posted by Pepe on Thu, 23 Sep 2021 16:44:31 +0200
JavaScript advanced -- object oriented programming
1, Pop (process oriented programming)
Object oriented is to decompose transactions into objects, and then divide and cooperate among objects.
1. Example understanding
Let's take an example: Put the elephant in the fridge.
Process oriented programming is: Open the refrigerator door – > put the elephant in – > close the refr ...
Posted by pixeltrace on Thu, 23 Sep 2021 14:27:17 +0200