Bootstrap actual combat - Comment list

1, IntroductionSocial media websites are popular. People often use comments to express their views. The comment function has become a part of the website.2, Knowledge points2.1 media objectsOfficial explanation: This is an abstract style used to build different types of components with images aligned to the left or right of the text content (su ...

Added by nigeledge on Thu, 27 Jan 2022 08:57:21 +0200

Intensive reading of zustand source code

zustand It is a very fashionable state management library and the fastest growing React state management library of Star in 2021. Its concept is very functional, and the API design is very elegant, which is worth learning.summaryFirst introduce zustand How to use.Create storeCreate a store through the create function. The callback can get the g ...

Added by aisalen on Thu, 27 Jan 2022 05:24:32 +0200

JavaScript advanced tutorial (advanced functions, closures, regular expressions, ES6 new syntax, new extension methods)

catalogue Function definition and call Strict mode What is strict mode Turn on strict mode Changes in strict mode Higher order function closure regular expression ES6 new syntax Built in object extensions for ES6 Extension method of Array Extension method of String Set data structure Function definition and call Functions can b ...

Added by BlackenedSky on Thu, 27 Jan 2022 03:48:00 +0200

SpringBoot configures Cors to solve cross domain requests

1, Introduction to homology strategy The same origin policy is a security function of the browser. Client scripts from different sources cannot read or write to each other's resources without explicit authorization. Homology policy is the cornerstone of browser security. What is the source The source [origin] is the protocol, domain name and ...

Added by greenday on Thu, 27 Jan 2022 03:21:35 +0200

Data structure: JavaScript language description

list When you don't need to find or sort elements in a long sequence. Abstract data type definition of list A list is an ordered set of data. (whether the data itself is in order or the index is in order) Each data item in the list is called an element. Any data type can be in the list. The number of elements in the list is limited by the pr ...

Added by stevenm187 on Thu, 27 Jan 2022 02:35:01 +0200

VUE3's multiple v-model bindings and the use of v-model modifiers - this series of tutorials is easy to understand and suitable for novices

1. General Locke's law tells us: When our goal is so great that we can't see the end, there will be a great chance to give up. Just like running a marathon, because of the long time and long distance, many players will choose to give up halfway. In fact, a good way is to split the big goal into many small goals. These small goals can see the en ...

Added by AnnieKay on Thu, 27 Jan 2022 01:24:48 +0200

vue cli, use of webpack, vue router routing, vue+elementuUI, nested routing (sub routing) in vue, parameter passing and redirection, routing mode, 404 and routing hook

1.Vue-Cli 1.1 introduction to Vue cli A scaffold officially provided by vue cli is used to quickly generate a vue project template; The pre-defined directory structure and basic code are just like when we create Maven project, we can choose to create a skeleton project, which is the scaffold, and our development is faster; Main func ...

Added by James0816 on Wed, 26 Jan 2022 22:49:09 +0200

JavaScript elegant way, concise skill summary

1. Strong type inspectionReplace with = = ===// If not handled properly, it will greatly affect the program logic. It's like, you want to go left, but for some reason, you go right 0 == false // true 0 === false // false 2 == "2" // true 2 === "2" // false// example const value = "500"; if (value === 500) { console.log(value); // If the conditi ...

Added by steonkeys on Wed, 26 Jan 2022 21:47:42 +0200

Implement a webpack

Modularization cannot be used directly in browsers. Although Es Module is now supported, further conversion is needed. webpack can package our modules into bundle files to provide the syntax that the browser can recognize. add.js file exports.default = (a, b) => a + b; index.js file const add = require('add.js').default; console.log(a ...

Added by swebajen on Wed, 26 Jan 2022 20:34:54 +0200

DOM learning notes

DOM (document object model), a standard programming interface recommended by W3C organization to deal with extensible markup language (HTML/XML). The content, structure and style of web pages can be changed through DOM interface For JavaScript, in order to enable JavaScript to operate HTML,JavaScript has its own dom programming interface. F ...

Added by xplosiongames on Wed, 26 Jan 2022 19:46:46 +0200