Notes on ES7 and ES8
ES7 has two more features than ES6
1.Array.prototype.includes
2. Exponent operator
ES8 new proposal:
1.Object.values / Object.entries
2. String padding
3.Object.getOwnPropertyDescriptors
4. Trailing commas in function parameter list and call
5. Asynchronous functions
Detailed explanation:
1.A ...
Posted by usawh on Mon, 04 May 2020 01:05:12 -0700
React native encapsulates the native pull-down refresh component
One has been improved before react-native-pull The component solves the blank problem of refreshing the header on iOS, and changes listview to flatlist.
github is as follows: react-native-pullview This is a pure js written Android & & iOS can be used. The performance is OK on iOS, but it can also be used when s ...
Posted by timmah22 on Sun, 03 May 2020 05:59:38 -0700
react combined with d3.js and svg to draw bar statistical chart
Recently, I learned D3 and wrote a small demo based on others' cases. I encountered some problems. Here's the record:
1. Some pits encountered:
(1) V3 and V4 versions in d3.js are quite different, so we must pay attention to the version;
(2) when referencing the JS library file of D3.js, you should install it through ...
Posted by jaydeesmalls on Sat, 02 May 2020 00:38:09 -0700
React Native SVG Animated
From: Real native SVG stroke animation
stroke property
Stroke defines the stroke color
stroke="#0078ff"
strokeWidth defines the width of the stroke
strokeWidth="3"
Properties used to create dashes:
strokeDasharray creating dashed lines
// Suppose a space of 5 pixels, a space of 5 pixels
strokeDasharray="5"
// What we can see is a 5-pixel ...
Posted by keakathleen on Fri, 01 May 2020 10:53:07 -0700
React Ueditor data interaction
Integrate
The integration method is as follows: http://www.jianshu.com/p/d5d5ee66e733 , this article is very detailed
interactive
Example 1: timely feedback input
realization:
Principle:
Create listener selectionchange events in ue components and invoke callback functions inherited from parent components in time to respond to parent ...
Posted by ibo on Thu, 30 Apr 2020 16:31:34 -0700
Vue Router summary (from official website)
Vue Router summary (from official website)
1. Introduction to Vue router function
Nested route / view tables
Modular, component-based routing configuration
Routing parameters, queries, wildcards
View transition effect based on Vue.js transition system
Fine grained navigation control
Links with automatically activated CSS class es
HTML 5 histor ...
Posted by sotusotusotu on Sat, 25 Apr 2020 03:00:26 -0700
New Web Platform "airoot-uisys" Releases Front End Development Vitality
Writing this article is embarrassing because Noejs is the main platform for developing WEB today, and the three representative frameworks are network.Many people know and are familiar with that one of their advantages is modular development, the architecture for large projects, and the idea of data binding.I have been developing WEB for a long ...
Posted by kevinak on Tue, 14 Apr 2020 18:42:09 -0700
Life cycle function in React
Life cycle function refers to the function that the component will automatically execute at a certain time
constructor can be regarded as a common life cycle function of a class, but it is not a unique life cycle function of react
render() is a function that automatically executes when the data changes, so it belongs to the life cycle function ...
Posted by wmvdwerf on Tue, 14 Apr 2020 10:16:16 -0700
React list & Keys simple demo
Traversing the array using the map() method produces a list of numbers from 1 to 5
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import PropTypes from 'prop-types';
const arr=[1,2,3,4,5];
const items=arr.map(val=>
...
Posted by Fitzlegend on Tue, 14 Apr 2020 07:34:29 -0700
Simple demonstration of React event processing
html version:
<button onclick="activateLasers()">
Activation button
</button>
react version
<button onClick={activateLasers}>
Activation button
</button>
You cannot block the default behavior by returning false. You must explicitly use preventDefault
html version
< a href = "ා" onclick = "con ...
Posted by sevenfive on Mon, 13 Apr 2020 10:11:52 -0700