摘要: react_app 项目开发 npm install -g create-react-app npm root -g // 查看安装包位置 创建项目 create-react-app myApp 技术架构为: react + webpack + es6 + eslint 模块化、组件化、工程化 效果 阅读全文
posted @ 2019-01-09 18:31 耶梦加德 阅读(619) 评论(0) 推荐(0) 编辑
摘要: React 基本原理 初始化显示界面 创建虚拟DOM树 渲染到 原生 DOM 树 绘制界面显示 更新界面 setState() 更新状态机 重新创建虚拟 DOM 树 新/旧树比较差异 (执行一次 DOM Diff 算法) 更新差异并渲染到对应 原生 DOM (捕获差异,并渲染) 局部界面重绘 基于 阅读全文
posted @ 2019-01-09 16:35 耶梦加德 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 初始化 ReactDOM.render(jsx, 原生 DOM 对象): 组件类定义 static defaultProps = {} static propTypes = {} constructor(props){...} componentWillMount() // 只执行一次,初始化数据 阅读全文
posted @ 2019-01-09 14:56 耶梦加德 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 步骤: 拆分组件: 拆分界面,抽取组件 静态组件: 通过组件实现静态页面 (无交互) class APP extends React.Component{ render(){ return ( <div> <h1>TodoList</h1> <AddTodo /> <TodoUl /> </div> 阅读全文
posted @ 2019-01-09 12:07 耶梦加德 阅读(210) 评论(0) 推荐(0) 编辑