One article helps you solve 90% of JS handwritten questions
Are you still afraid of handwritten questions? This article can help you expand and consolidate your JS foundation, and handle 90% of handwritten questions by the way. In the work, common requirements can also be realized by handwriting, such as deep copy, anti shake and throttling, which can be directly used in future projects to improve proje ...
Added by dude81 on Mon, 24 Jan 2022 12:21:38 +0200
Accessibility assistance (intensive reading of React official document-13)
What is accessibility?
Official description: accessibility (also known as a11y, because it starts with A and ends with Y, with A total of 11 letters in the middle) is A design and creation that can help everyone get services. Accessibility is A necessary condition for assistive technology to correctly interpret web pages.
unscramble
...
Added by mcclellanfsu on Mon, 24 Jan 2022 08:00:20 +0200
Basic use of React (single page and interview questions about jsx, syntax specification)
Basic use of React!
React introduction! React is a JAVASCRIPT library for building user interfaces. React is mainly used to build UI. Many people think that react is the V (view) in MVC. React originated from Facebook's internal project to build Instagram's website, and was open source in May 2013. React has high performance and simple code lo ...
Added by Daveg on Sat, 22 Jan 2022 13:26:06 +0200
react3.0 - component, component value transfer, Context, component life cycle, routing, matching mode
react3.0
The variable name of global import can be customized, and the specified variable name is used for on-demand import
Review component value transfer:
Father to son, son to father:
review.js
import React from "react"
// When transferring values, pay attention to the problem of this pointing. There are three solutions: 1 Use bind in t ...
Added by edtlov on Sat, 22 Jan 2022 00:40:37 +0200
React setState event bus controlled component
React setState event bus controlled component
Reference: Teacher Wang Hongyuan's React
setState
During development, we cannot directly update the interface by modifying the value of state:
After modifying the state, we want React to re render the interface according to the latest state, but React does not know that the data has changed;Re ...
Added by AjithTV on Fri, 21 Jan 2022 21:28:32 +0200
PayPal payment Reaact framework
previously on
A website has been developed with React framework before. The customer is a foreign company. Therefore, in order to cater to the audience, Paypal, which is not commonly used in China but commonly used abroad, is added to the payment module. Recently, I was sorting out the documents, so I integrated the experience summary written ...
Added by impressthenet on Fri, 21 Jan 2022 18:07:02 +0200
[after reading, I will] teach you to write a markdown real-time editor with React step by step!
1. Achieve results
Recently, I am writing a blog management system with React. One function is to add new articles. On the new article page, I want to do something like CSDN. On the left is the editing area (markdown format) and on the right is the preview area. Update in real time. While editing the text, you can see the effect in the preview ...
Added by atkman on Fri, 21 Jan 2022 17:38:33 +0200
React learning notes 11 - extended knowledge points (setState / lazyLoad / Hook / Fragment / Context)
setState()
Simple case:
The case code is as follows:
import React from "react";
//UI components
export default class Person extends React.Component{
state = {count:0}
increment = () => {
const {count} = this.state
this.setState({count:count+1})
console.log(this.state.count) // 0 the page displays 1
}
render(){
retu ...
Added by clandestine555 on Fri, 21 Jan 2022 14:26:40 +0200
Application of Form in data stack: in depth
The theme of this article is a process of understanding and digesting Form forms after they are used in several stacks of products. By introducing some common methods in Form forms, we can understand some design ideas and deepen our pursuit of technology. This paper mainly introduces the creation of Form and the two-way binding of Form (getFiel ...
Added by thors1982 on Thu, 20 Jan 2022 08:40:55 +0200
React basic learning notes
React basic learning notes (I)
Reference: Teacher Wang Hongyuan's React
React features – declarative programming
Declarative programming:
Declarative programming is the mode of the whole front-end development: Vue, React, fluent and SwiftUI; It allows us to only maintain our own state. When the state changes, React can render our UI ...
Added by headbangerbuggy on Thu, 20 Jan 2022 00:36:04 +0200