[think] $nextTick vs. setTimeout!
Author: Chimezie Enyinnaya Translator: front end Xiaozhi Source: blog
There are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.
This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, ma ...
Added by rid243 on Tue, 18 Jan 2022 04:18:32 +0200
"Building block library" is a codeless development platform built by GraphQL technology
The biggest benefit of GraphQL is to simplify the request response content without redundant fields. The front end can decide what data the back end returns. However, it should be noted that the decision-making power of the front end depends on what data the back end supports. Therefore, GraphQL is more like a REST that simplifies the return ...
Added by Dream$of$uccess on Tue, 18 Jan 2022 03:59:27 +0200
JSX, element rendering, component & Props
1. What is JSX?
const element = <h1>Hello, world!</h1>;
JSX is a JavaScript syntax extension 2. Why use JSX? You need to bind and process events in the UI, notify the UI when the state changes at some time, and display the prepared data in the UI. React doesn't force JSX, but most people find it visually helpful to put JSX and UI ...
Added by Jalz on Tue, 18 Jan 2022 02:26:23 +0200
vue learning notes
Vue.js learning notes
First stop
Initial use
js
// Let / const how to create variables
const app = new Vue({
el:'#app ', / / used to mount elements to be managed
data:{ // Define data
message: 'How do you do!',
name: 'hello How do you do'
},
// Method area, in which methods can be called in HTML
meth ...
Added by mobtex on Mon, 17 Jan 2022 22:26:20 +0200
Ab initio front end --es6 (Promise)
Promise
concept
Promise is a solution for asynchronous programming, which is more reasonable and powerful than traditional solutions - callback functions and events.
The Promise is simply a container that holds the results of an event (usually an asynchronous operation) that will not end in the future.
characteristic
The state of the objec ...
Added by allinurl on Mon, 17 Jan 2022 20:43:04 +0200
JavaScript advanced regular expression
#1, What is a regular expression
Regular expressions are patterns used to match character combinations in strings. Regular expressions are often used to retrieve and replace text that conforms to a pattern.
2, Regular expressions are used in JavaScript
Using RegExp objects to create regular expressions
var regexp = new RegExp(/ ex ...
Added by Gordonator on Mon, 17 Jan 2022 19:47:22 +0200
It's time to come. There are new features in ES12!
Author: KUMAR HARSH Translator: front end Xiaozhi Source: blog
There are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.
This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials ...
Added by olygolfer on Mon, 17 Jan 2022 18:39:03 +0200
[solution] how to verify the size of ElementUI pictures before uploading them and upload them to Sina SCS?
Method for verifying dimensions before uploading ElementUI pictures
I upload component usage of ElementUI
For specific attributes, you can view the official document. Here is the hook function: before upload = "beforeavatarupload". You can know from the name that this is the method executed before uploading the image. Here you can p ...
Added by thedarkwinter on Mon, 17 Jan 2022 16:19:28 +0200
Beginner vue -- realize the function of pull-up loading pull-down refresh based on vant mobile components
catalogue
1. Pull up loading
2. Pull down refresh
3. Synchronous use of pull-up loading and pull-down refresh
4.props API
1. Pull up loading
<van-list
v-model="loading"
:finished="finished"
finished-text="No more"
@load="onLoad"
>
<van-cell v-for="item in list" :key="item" :title="item" />
</van-list>
e ...
Added by four4swords on Mon, 17 Jan 2022 16:12:38 +0200
JavaScript operation DOM
JavaScript operation DOM
Update DOM
After we get a DOM node, we can update it.
You can directly modify the text of a node in two ways:
One is to modify the innerHTML attribute. This method is very powerful. It can not only modify the text content of a DOM node, but also directly modify the subtree inside the DOM node through HTML fragments: ...
Added by rish1103 on Mon, 17 Jan 2022 16:08:23 +0200