02 2020 档案

react-transition-group
摘要：yarn add react-transition-grouphttps://reactcommunity.org/react-transition-group/css-transition 阅读全文
posted @ 2020-02-16 21:49 帕丁顿 阅读(204) 评论(0) 推荐(0)
React 中Ref 的使用
摘要：e.target 获取事件的元素 ref = 一个函数 阅读全文
posted @ 2020-02-16 17:57 帕丁顿 阅读(127) 评论(0) 推荐(0)
虚拟DOM and diff 算法
摘要：1. 数据 state 2. JSX模板 3. 数据+模板 结合生成真实的DOM来显示 4. State 变化 5.数据+模板 结合生成真实的DOM， 替换原来的DOM 缺陷： 第一次生成了完整的DOM， 第二次生成了完整的DOM， 第二次替换第一次， 非常消耗性能 1. 数据 state 2. J 阅读全文
posted @ 2020-02-16 17:45 帕丁顿 阅读(126) 评论(0) 推荐(0)
React state, props and render 关系
摘要：页面初始化时 render被执行一次 当state和props 变化时 调用render() 函数 当父组件的render函数被运行时，它的子组件的render函数也会被重新运行 阅读全文
posted @ 2020-02-16 17:11 帕丁顿 阅读(152) 评论(0) 推荐(0)
PropTypes and defaultProps
摘要：TodoItem.propTypes = { content: PropTypes.string, deleteItem: PropTypes.func, index: PropTypes.number } TodoItem.defaultProps = { content: 'test' } 阅读全文
posted @ 2020-02-16 17:00 帕丁顿 阅读(103) 评论(0) 推荐(0)
JSX 语法
摘要：1.如何写注释在JSX： {/* comments */} { // } 2. Fragment 替代最外层的div import React, { Component, Fragment } from 'react'; 3. e.target.value 每次触发DOM事件时会产生一个事件对象（也 阅读全文
posted @ 2020-02-16 16:38 帕丁顿 阅读(194) 评论(0) 推荐(0)
this的指向问题
摘要：类中的this 指向: constructor 中的this 指向的是实例对象 类方法中this 调用方法的对象 原型对象中的this指向: this 指向的是实例对象 阅读全文
posted @ 2020-02-10 16:42 帕丁顿 阅读(81) 评论(0) 推荐(0)
前端开环境搭建
摘要：1. 安装包管理工具 npm 或者yarn npm install -g yarn yarn基于node，并且速度更快，能自动缓存你下载过的包，让你在离线、重复下载时不需要通过去网上拉取文件，直接在本地就可以安装你需要的包！并且，yarn分离的各个包的安装过程，合理排队，不产生高频请求，单个包安装失 阅读全文
posted @ 2020-02-09 23:05 帕丁顿 阅读(151) 评论(0) 推荐(0)
React 的生命周期
摘要：组件在初始化时会触发5个钩子函数： 1、getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 2、getInitialState() 在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.stat 阅读全文
posted @ 2020-02-07 16:07 帕丁顿 阅读(114) 评论(0) 推荐(0)