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