Learn the principles of Vue responsiveness
This article mainly wants to record some problems I have encountered in learning the responsive principle in vue. If there are mistakes, please correct them!1. What are watcher, Dep and Observer respectively responsible for?Observer is responsible for recursive data and all sub data through object Defineproperty defines getters / setters for pr ...
Added by jumpenjuhosaphat on Wed, 16 Feb 2022 16:11:55 +0200
Web_Components family - CSS selector for Shadow Host
prefaceIn the previous section, we learned how to set styles for custom components. At that time, we set the styles of custom labels in the main DOM:<style>
my-card {
display: block;
margin: 20px;
width: 200px;
height: 200px;
border: 3px solid #000;
}
</style>
<my-card></my-ca ...
Added by microthick on Wed, 16 Feb 2022 14:23:29 +0200
[axios source code] - study and analysis of the request distribution function DispatchRequest
Welcome to my official account, "front-end wall".
1, Environmental preparation
axios version v0 twenty-four Through github1s web page, you can see axios - dispatchRequest.js source code clone to local is required for debugging
git clone https://github.com/axios/axios.git
cd axios
npm start
http://localhost:3000/
2, Funct ...
Added by zako234 on Wed, 16 Feb 2022 03:17:41 +0200
Design mode [15] - learn the responsibility chain mode from the approval process
I've come to the responsibility chain mode. My guest, listen to my nonsense
What is the responsibility chain model
Responsibility chain model is a design model. In the responsibility chain model, many objects are connected by each object's reference to its next family to form a chain. Requests are passed along the chain until an object i ...
Added by Birdfeed on Wed, 16 Feb 2022 03:16:17 +0200
TypeScript -- basics
TypeScript -- basics
Write in front: This article is a little long, which is suitable for Xiaobai who is going to learn TS. if there is a certain basic God, you can ignore this article. The article is not completely original. Most of the content is moved from other articles on the Internet, and then add some of your own understanding and su ...
Added by phpscriptcoder on Tue, 15 Feb 2022 18:26:34 +0200
Member management applet actual development 07 page Jump
In the previous section, we introduced the life cycle functions and customization methods in low code. In this section, we introduce the page Jump in low code.
Page Jump
It is relatively simple to realize page Jump in low code. Directly add behavior to the component and call the jump method of the platform. Open the application editor, select ...
Added by stephaneey on Tue, 15 Feb 2022 14:33:59 +0200
[Vue3] responsiveness data
reactive & ref
reactive method
Receive the parameter value and return a responsive Proxy object, that is, a responsive copy of the parameter valueParameter value: reference type dataAdvantages: even if only part of the data of the reference type is modified, eg: the data of the page will change when a property of the object / an item ...
Added by carlmcdade on Tue, 15 Feb 2022 14:31:31 +0200
Web Components series - custom component style settings
prefaceThrough the previous study, we have a certain understanding of the relevant concepts and knowledge points of custom components. Today, let's learn several methods to set styles for custom elements and their sub elements.Add styles directly to custom labelsindex.html: <style>
my-card{
display: block;
margin: 20px ...
Added by max101 on Tue, 15 Feb 2022 12:24:41 +0200
day03 event advanced
1. Registration event (binding event)
① Overview
Adding an event to an element is called a registration event or a binding event. There are two ways to register events: traditional method and method listening registration method
Traditional registration method:
Use the event onclick starting with on <button οnclick="alert('hi~')">< ...
Added by NogDog on Tue, 15 Feb 2022 11:14:08 +0200
koa onion model
I What is an onion model? Look first 🌰
const Koa = require('koa');
const app = new Koa();
const PORT = 3000;
// #1
app.use(async (ctx, next)=>{
console.log(1)
await next(); //Pause the current program
console.log(1)
});
// #2
app.use(async (ctx, next) => {
console.log(2)
await next();
console.log(2)
})
app.us ...
Added by fabby on Tue, 15 Feb 2022 09:31:47 +0200