VUE3.0 series: vue3 What's new for 0

And vue2 0 compared to vue3 What are the highlights of 0: Serial numbercharacteristicanalysis1PerformanceBetter performance than vue2 0 is 1.3-2 times faster2Tree shaking supportOn demand compilation, lighter volume3Composition APIComposite API, similar to ReactHooks4Better TypeScript supportBetter support for Ts5Custom Renderer APIExposed cus ...

Posted by osti on Sun, 23 Jan 2022 12:54:23 +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

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

Brief description of using steps of Tencent cloud instant messaging IM front end

Note: This article mainly demonstrates the steps of accessing IM through the wechat applet developed by uniapp: Preparations: first, it is recommended that you save a copy of your project git to the remote warehouse before trying to access IM (prepare for the worst and recover later); The first step below is to connect IM to the project. If y ...

Posted by mikes127 on Sun, 23 Jan 2022 03:53:48 +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

Record video notes / VUE / Part4 routing

1, Previously on vue router is a plug-in library of vue (used by Vue.use()), which is specially used to implement SPA applications. SPA application understanding: 1. single page web application (SPA) 2. The whole application has only one complete page. It will not jump to a new page, but only make local updates 3. Data is obtained through ...

Posted by bluwe on Sat, 22 Jan 2022 19:34:47 +0100

How to quickly implement a color selector

catalogue Color model Differences between HSV and HSL Implementation selector Hue Calculate the slider position of the hue column Saturation and brightness Calculate these two values hsv to rgb transparency HSL based color selector Using canvas settings panel When developing the front-end interface, you need to use the color select ...

Posted by mojito on Sat, 22 Jan 2022 19:32:41 +0100

ES6 --- detailed explanation of promise basic usage (resolve, reject, then, catch)

ES6 - Promise basic usage details Promise Is a constructor. It has familiar methods such as all, reject and resolve, There are also familiar methods such as then and catch on the prototype. So, when starting a Promise, start with a new one: let p = new Promise((resolve, reject)=> { setTimeout(()=> { resolve('Executio ...

Posted by rayfinkel2 on Sat, 22 Jan 2022 19:11:15 +0100

pixi tile wizard demo

pixi tile wizard demo (I) introduction This article is a demo of parallax scrolling and collision detection and a problem encountered when learning pixi tile wizard. catalogue Tiled Sprites 1.1 Creation method 1.2 difference 1.3 Offset value 1.4Texture offset code Parallax Scrolling 2.1 Texture accuracy deviation collision detectio ...

Posted by pbalsamo on Sat, 22 Jan 2022 17:08:38 +0100

[ES5] overview of new methods - foreach () - filter () - some () - map () - trim () - object defineProperty()

ES5 has added some methods to operate arrays or strings conveniently. These methods mainly include: Array methodString methodObject method 1, Array method Iterative (traversal) methods: forEach, map(), filter(), every() 1.forEach Executes the given function once for each element of the array. 1.1 writing method array.forEach( func ...

Posted by thefisherman on Sat, 22 Jan 2022 14:41:01 +0100