react diff 原理

1.把树形结构按照层级分解,只比较同级元素。

2.给列表结构的每个单元添加唯一的 key 属性,方便比较。

3.React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字)

4.合并操作,调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, React 检查所有标记 dirty 的 component 重新绘制.

5.选择性子树渲染。开发人员可以重写 shouldComponentUpdate 提高 diff 的性能。

相关推荐
云枫晖2 分钟前
Webpack系列-Entry入口
前端·webpack
mustfeng7 分钟前
VCS & Verdi 2023安装
java·服务器·前端
Mintopia27 分钟前
🌐 数据合规框架下的 WebAIGC 训练数据处理技术规范
前端·javascript·aigc
骥龙1 小时前
2.6、Web漏洞挖掘实战(下):XSS、文件上传与逻辑漏洞深度解析
前端·xss
用户6600676685391 小时前
从 var 到 let/const:JavaScript 变量声明的进化之路
javascript
用户433845375691 小时前
Promise深度解析,以及简易版的手写实现
前端
十年_H1 小时前
Cesium自定义着色器-片元着色器数据来源
javascript·cesium
梦之云1 小时前
state 状态相关
前端
梦之云1 小时前
effect 副作用相关
前端
UIUV1 小时前
var、let 与 const:JavaScript 变量声明的演进与最佳实践
javascript