前端基础回顾-4-React

这是前端基础回顾的第四篇，记录一下React的相关问题。

开始

事件机制

react内部定义了一套事件机制，帮助
- 抹平各个浏览器的差异
- 方便管理
react16存在事件池的概念，帮助缓存事件对象，减少性能消耗。
通过内部的事务实现各种扩展。
统一将事件绑定在document上，先捕获后冒泡。
因为存在事件池的概念，如果回调中存在异步，则可能无法获取到event对象。

class生命周期

• componentWillMount
• render
• componentDidMount
• 更新state或props
• componentWillReceiveProps(更新props)
• getDerivedStateFromProps
• shouldComponentUpdate
• componentWillUpdate
• getSnapshotBeforeUpdate(替代上面的WillUpdate)
• render
• componentDidUpdate
• componentWillUnmout

diff

以前自己写的diff

性能优化

• memo/pureComponent
• useMemo
• lazy、suspense
• 尽量通过css控制逻辑
• key

结束

结束🔚。

参考资料
做了一份前端面试复习计划，保熟～
Build your own React
这可能是最通俗的 React Fiber(时间分片) 打开方式