Sword finger Vue3| thoroughly understand Vue3 responsive principle (proxy,Reflect)
What is responsive?
catalogue
Function encapsulation
Class encapsulation
Listening object change
let m = 3
console.log(m);
console.log(m +'1aaaaaa');
console.log('hello');
When the value of m changes, I hope the following three lines of code will be executed again automatically.
// obj
const obj = {
name:'Sherry',
age:18
}
cons ...
Posted by misseether on Sun, 06 Mar 2022 09:59:05 +0100
How many secrets do you not know about vue3 routing
route
Understanding: a route is a set of key - value s. Multiple routes need to be managed by a router.Front end Routing: key is the path and value is the component.
1.router-link
In vue, instead of using the regular a tag, we use a custom component router link to create links. This allows Vue Router to change the URL and handle URL generatio ...
Posted by saloon12yrd on Sun, 06 Mar 2022 09:15:35 +0100
[take you to gulp from actual combat] package front-end projects and implement anti caching
What is gulp?A node based front-end automated task construction tool, which uses the classic callback + Chain call to realize task automation (SRC. Pipe (...) Pipe), gulp is actually very similar to webpack, but gulp has different emphasis. Gulp focuses more on front-end process automation and task execution (improving development efficiency th ...
Posted by aidude111 on Sun, 06 Mar 2022 04:31:32 +0100
Front end basic route 1: HTML coding specification
HTML coding specification
1 Preface
2 code style
Indent and wrap 1.2
2.2 naming
2.3 labels
2.4 properties
3 general
3.1 DOCTYPE
3.2 coding
3.3 introduction of CSS and JavaScript
4 head
4.1 title
4.2 favicon
4.3 viewport
5 pictures
6 form
6.1 control title
6.2 buttons
6.3 accessibility (A11Y)
7 multimedia
8 HTML in template ...
Posted by Celauran on Sun, 06 Mar 2022 02:35:26 +0100
Front end case: my memo (supports the addition, deletion and modification of events, and the code is complete)
This case does not use any framework. It is implemented using js native and DOM operation. The code is complete and can be copied and used immediately.
catalogue
1, Case effect
2, Key points involved
1. Event monitoring
2. DOM node operation
(1) Common node acquisition methods
(2) Common node information acquisition methods
(3) Common ...
Posted by nickthegreek on Sat, 05 Mar 2022 21:50:03 +0100
vue front-end and back-end separate back-end management system (rights management, login), front-end scaffolding. Docking backend is a backend interface based on SpringSecurity
Article Directory
Foreword (very important)1. Summary of concepts and technologies (key points must be understood)
1. vue2. vue-admin-template template file parsing3. Asynchronous correlation, front-end and back-end interaction4. Navigation Guard5. Routing Resolution 2. Single sign-on implementation
1. Backend interface and response resu ...
Posted by empnorton on Sat, 05 Mar 2022 18:26:09 +0100
Handwritten simple Promise
Promise, as a new function in ES6, helps us solve the problem of callback hell and makes our asynchronous code clearer and simpler. As a front-end programmer, handwritten simple promise should be a necessary skill. Next, I won't say much. I'll go directly to the code.
class Commitment {
static PENDING = 'undetermined'; static FULFILLED = ...
Posted by kritikia on Sat, 05 Mar 2022 17:07:16 +0100
TypeScript decorator Complete Guide
Decorators make the world of TypeScript better. Many of the libraries we use are built on this powerful feature, such as Angular and Nestjs . In this blog, I will introduce the decorator and many details of it. I hope that after reading this article, you can understand when and how to use this strong feature.
overview
Decorator is essential ...
Posted by Jeb. on Sat, 05 Mar 2022 16:32:24 +0100
Interaction between JavaScript and css
Style sheet basic syntax
tag chooser
input{
width:120px;
border:solid 1px #ff0000;
}
ID Selector
#flow{color:#ff0000}
Class selector
.center{
text-align:center;
font-weight:bold;
}
Common styles
Style sheet type
Internal style sheet
style between < head > and < / head > labels
<html>
<head> ...
Posted by iron999mike on Sat, 05 Mar 2022 16:24:30 +0100
Call api interface
How do we usually call the interface? In Vue, we usually call the interface through the library of axios, but when developing in uniapp, we need to borrow the library of uniapp for development. Next, let's explore it together.
I uni.request(OBJECT)
Function: send network request
Description of OBJECT parameters:
1.url
Type: String
Requi ...
Posted by phpisawesome on Sat, 05 Mar 2022 16:18:27 +0100