Seven methods of conditional rendering in React
Original address: https://scotch.io/tutorials/7-ways-to-implement-conditional-rendering-in-react-applications
With React, we can build dynamic and highly interactive single-page applications, and one way to take full advantage of this interaction is through conditional rendering.
Catalog
Challenge
Solution
Use if...else statement
Using el ...
Posted by jcarver on Thu, 19 Dec 2019 20:59:41 -0800
[The Way of Xiuxian] Golden Dan by React-Redux
Author: Shui TaoPursue technology, but not lose the fun of life, live the life you want
Introduction to React-Redux
React-Redux enables your React project to have global data, allows multiple React components to read global data, and allows them to modify it.
React-Redux can be interpreted as Vuex in a Vue, but it is also a global state ...
Posted by IanMartins on Thu, 19 Dec 2019 18:43:27 -0800
jQuery uses Ajax to pass json to php for processing
First look at the renderings
This is a way to send the login information of html page to php page through ajax using json data. php processes the data and then sends it back to html page for display
js code
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$.ajax({
url:'bac ...
Posted by jkewlo on Thu, 19 Dec 2019 10:23:19 -0800
jquery realizes sku multi-attribute selection (product details page)
Reproduced in https://blog.csdn.net/csdn924618338/article/details/51455595
Source code
<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>commodity SKU Choice DEMO3</title></head><body><style type="text/css"> ul,li{ padding:0px; margin:0px;} #panel{ width ...
Posted by will_1990 on Thu, 19 Dec 2019 09:31:12 -0800
Summary of setState learning in React
Whether the setState method in react is asynchronous or synchronous depends on the conditions.
1. Let's review several ways to change state in react component:
import React, { Component } from 'react'
class Index extends Component {
state={
count:1
}
test1 = () => {
// Through the form of callback function
...
Posted by SimpleManWeb on Wed, 18 Dec 2019 14:22:10 -0800
Immutable JS for React rendering optimization (2)
In the previous section, we implemented a simple performance optimization, but because we need a deep copy and property comparison, the performance is still poor, so we use immutable.js written by Facebook God for further optimization
Immutable collection of immutable.js JavaScript
Each modification will return a new object ...
Posted by nashirak on Wed, 18 Dec 2019 13:10:59 -0800
The transfer of the text content of the drop-down box used by the front-end framework jQ
After mastering the basic knowledge of jQ, let's see how jQ can realize the transfer of the text content of the drop-down box?
In fact, before that, I also wrote an article using js to transfer the text content of drop-down box, which requires strong logic. jQ simplifies code writing and is easy to understand.
Write in the fr ...
Posted by MilesStandish on Wed, 18 Dec 2019 10:37:45 -0800
From the beginning of web front end to practice: HTML to PDF graphic report practice
Export PDF graphic report practice
Method 1: jsPDF
When using jsPDF, it should be noted that its default unit is mm, and configuration needs to be passed in when new jsPDF()
const doc = new jsPDF({
unit: 'px',
format: 'a4'
})
This method is useless. This ghost has multiple lines of text and multiple pictures. It's killing!
Method 2: w ...
Posted by fireant on Wed, 18 Dec 2019 02:19:20 -0800
Two projects one webpack package
File dependency is complex, static resource request efficiency is low, modularization support is not friendly, browser compatibility with advanced JS is low? That's the time to learn about webback
I. a brief understanding of webpack
(1) concept
Webpack is a static module packaging builder for JavaScript applications. When processing an app ...
Posted by kubis on Tue, 17 Dec 2019 20:36:34 -0800
Hand tear source code series - functor + observer mode + status = Promise
Preface
Some time ago, I was too busy to write a blog for nearly a month, but Promise had summed up a wave of how to realize it long ago, but at that time, it was purely for the purpose of realization, without elaborating some of the clever designs. Until recently, when I was learning the knowledge related to functional programming, I found tha ...
Posted by Nightseer on Sun, 15 Dec 2019 12:17:47 -0800