[Vue] dark horse introduction to advanced actual combat summary
v-text v-cloak
V-text is equivalent to {}} for displaying content, but the difference is that {}} will cause flashing problems, and v-text will not flash If you want to use {}} without flickering, use v-cloak. The steps are as follows: Act on the v-cloak command on the template entry node managed by Vue Add a CSS hidden style of attribute ...
Posted by formlesstree4 on Sun, 23 Jan 2022 14:01:53 +0100
[React family bucket] through the component design mode, making simple todo (including source code)
1, Design project structure
Because we implement todo as a functional component, the basic design idea is:
1. Create a todo folder in components and a new index JSX is a todo component. This folder contains some todo widgets
2. On app Import todo from 'is introduced into JSX/ Components / todo 'and render in render:
import Rea ...
Posted by FijiSmithy on Sun, 23 Jan 2022 12:42:51 +0100
Three browser storage schemes, are you still worried about nowhere to put the data
webStorage
Basic concepts
webStorage provides two storage methods, localStorage and sessionStorage.
localStorage is a persistent storage, and the stored content will exist permanently if it is not deleted actively
sessionStorage is session level storage. Close the browser and destroy it
The specific difference is
After closing the web page a ...
Posted by JMM on Sun, 23 Jan 2022 11:19:40 +0100
Python full stack development - Python crawler - 09 JS reverse entry
1. JavaScript anti crawler principle and reason
Crawler and website security, one is spear, the other is shield.
Is your website safe?
First, check whether the safety measures are in place,Second, it also depends on whether the data value will attract the attention of "crawlers". In other words, unless no crawler is staring at your ...
Posted by subkida on Sun, 23 Jan 2022 10:43:02 +0100
Process abstraction of writing JS principles
Process abstraction
Process abstraction
Used to handle local detail controlProcess abstraction is the basis of function thought In the process of imagination abstraction, it can be abstracted into a room, the door and window in the room, and then the room space itself is data, but the action and behavior of opening the door or window ...
Posted by dror_israel on Sun, 23 Jan 2022 08:16:46 +0100
js data type and deep and shallow copy
Js data type
Basic data types (value types): Number, String, Boolean, Undefined, Null, Symbol (unique value added in es6) and BigInt (added in es10);
Reference data type: Object. Contains Object, Array, function, Date, RegExp.
Deep copy
Only when the copy refers to the data type, the copy can be divided into shallow copy and deep copy
...
Posted by quercus on Sun, 23 Jan 2022 04:52:55 +0100
You haven't mastered the principle of webpack after so long?
1, Basic elements
1,Entry/Output
1.1. Single entry configuration
module.exports = {
entry: './src/index.js', // Packaged entry file
output: './dist/main.js', // Packaged output
};
1.2. Multi entry configuration
const path = require('path');
module.exports = {
entry: {
app: './src/app.js',
admin: './src/admin.js',
},
out ...
Posted by downfall on Sun, 23 Jan 2022 03:48:09 +0100
Common methods of JS array
[will change the original array]
1. Array.push(), adds one or more elements to the end of the array and returns the new array length. Original array change
let arr = [1,2,3,4]
arr.push(5,6,7)
console.log(arr) // [1, 2, 3, 4, 5, 6, 7]
2. Array.pop(), delete and return the last element of the array, if the array is empty Ze returns undefind. ...
Posted by powerspike on Sun, 23 Jan 2022 02:03:56 +0100
Review of angular knowledge points Chapter 3 - Components
Previous review
In the first article, we gave a brief introduction to angular, mainly to understand angular and how to create an angular project and start it. Because it is not a video, we don't explain too much about the previous article. If you don't read it, you can directly move to the first article! This article mainly combs and un ...
Posted by badal on Sun, 23 Jan 2022 01:42:42 +0100
JavaScript key and difficult point parsing 5 (advanced object, browser kernel and event loop model (js asynchronous mechanism))
Object advanced
Object creation mode
Object constructor mode
First create an empty Object object, and then dynamically add properties / methods
var p = new Object()
p = {}
p.name = 'Tom'
p.age = 12
p.setName = function (name) {
this.name = name
}
console.log(p.name, p.age)
p.setName('Bob')
console.log(p.name, p.ag ...
Posted by goodluck4287 on Sat, 22 Jan 2022 23:40:36 +0100