[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