摘要: 一、使用create-react-app创建react应用 1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建reac 阅读全文
posted @ 2022-12-05 10:01 你就是星光 阅读(76) 评论(0) 推荐(0)
摘要: 七、DOM的Diffing算法 1. 图示过程 2. 验证Diffing算法 简单的案例 项目结构如下图: span里面的时间内容每一秒更新,两个input,给input输入框输入东西,input内容不变,时间依然更新,这就是一个Diffing算法的一个小案例 还可以调出开发者工具显示更新的地方如下 阅读全文
posted @ 2022-12-05 09:11 你就是星光 阅读(23) 评论(0) 推荐(0)
摘要: 六、组件的生命周期 1. 理解 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。 2. 生命周期流程(旧) 初始化阶段: 由ReactDOM.render()触发— 阅读全文
posted @ 2022-12-05 08:41 你就是星光 阅读(1218) 评论(0) 推荐(0)
摘要: 五、 React里收集表单数据 1. 非受控组件 现用现取 2. 受控组件 随着使用维护状态 3. 高阶函数和函数柯里化 高阶函数 如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。 1.若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。(委托)2.若A函数,调用的返回值依然 阅读全文
posted @ 2022-12-05 08:33 你就是星光 阅读(16) 评论(0) 推荐(0)