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