- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React 性能优化
React 性能优化React组件性能优化单一组件中 // 推荐在constructor中bind,只执行一次 constructor(props) { super(props) this.state = { } this.handleClick=this.handleClick.bind(this) } ...
2019-01-25 17:39:25
183
原创 React 高阶组件 HOC
基本概念在javascript中，高阶函数是以函数为参数，并返回值也是函数的函数。类似，高阶函数接受React组件作为参数，并且返回一个新的React组件。高阶组件本质上也是一个函数。形式：const EnhancedComponent = heigherComponent(WrappedComponent)使用场景1. 操作props,添加，删除，修改在被包装组件接受props前...
2019-01-24 16:10:31
227
原创 ES6 新特性
先简单的理一下主要的几个板块，后期再追加丰富吧。能用代码说明的，就不多说。兼容性ES6兼容性表IE10+ ，chrome，firefox ，移动端 ，nodejs低版本处理1.在线编译2.提前编译 babelbabel=browser.js变量var可以重复声明无法限制修改没有块级作用域let不能重复声明，不会声明提前，变量可以修改，块级作用域cons...
2019-01-13 19:33:37
188
原创 React 过渡 动画
有关css的就不多说了，具体自己看文档。只是稍微在这里提个醒。过渡// transition 过度属性transition:all 2s ease-in动画// forwards 保留动画最后一帧的效果.hide{ animation: item-hide 2s ease-in forwards;}@keyframes item-hide { 0%{ opacit...
2019-01-12 15:17:35
197
原创 React-redux入门
react-redux以一个输入框为例，读取store中的值并修改安装npm install react-redux -S入口index.js文件import React from 'react';import ReactDOM from 'react-dom';import Text from './Text';import * as serviceWorker from '....
2019-01-11 18:11:33
120
原创 JS堆与栈 拷贝
搜了一些教程，归类整理栈（stack）和堆（heap）stack为自动分配的内存空间，它由系统自动释放；heap则是动态分配的内存，大小不定也不会自动释放JS中有基本类型和引用类型基本类型：Undefined、Null、Boolean、Number 和 String。存放在栈内存中的简单数据段，直接按值存放的。直接访问引用类型：存放在堆内存中的对象，变量实际保存的是一个指...
2019-01-11 15:09:08
204
原创 Redux初识
Redux = Reducer+FluxReact 注重的是视图，对于数据传递，不好友好，繁琐，性能低下。所以需要有配套的技术。先有Flux后升级，才有Redux。Redux Flow
2019-01-10 17:11:19
159
原创 React create-react-app css-moudle webpack4
求助帖啊······create-react-app一键生成项目css样式冲突想webpack.config,js 配置css-moudle的 webpack版本4但不管怎么配，还是有问题求大佬解答地址：https://github.com/css-modules/css-modules...
2019-01-08 19:40:18
426
原创 React 组件通信
父子组通信父传子1.在调用子组件的时候，定义一个属性2.子组件里面this.props.属性<Test title="页面标题"></Test>//<p>{this.props.title}</p>
2019-01-08 16:55:11
145
原创 React 方法 事件
React 方法方法中不涉及this的，就按正常的写法；如果涉及，则改变this指向下面列举3种方式1 调用方法时bind(this) getMsg(){ alert(this.state.msg) } <button onClick={this.getMsg.bind(this)}>按钮</button>
2019-01-08 14:10:47
128
原创 React router 4.x
React router在gitHub上，学会找官方文档，看文档安装npm install react-router-dom --save导入模块import { BrowserRouter as Router, Route,Link } from "react-router-dom";导入文件，配置路由–基础import React, { Component } from ...
2019-01-07 22:26:34
1214
原创 React 组件创建 生命周期 PropTypes
组件import React from 'react';import ReactDOM from 'react-dom';// 第一种创建组件，props可以是其他，形参，但这样语义化// 首字母大写function HelloWorld(props){ console.log(props) // props.name="Li Mei" props只读，会报错
2019-01-07 12:49:26
201
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人