Skip to content

React

React 或 Vue 的 Virtual DOM diff 算法是怎么实现的?它优化了什么?具体策略有哪些?

React的Diff算法不是全量比较,而是基于两个假设做了优化:只比较同层级、不同类型直接替换。 对同层节点,会先从头尾同时比较,尽量复用相同节点;如果使用了key,就能更高效地定位复用节点, 并减少DOM操作,比如通过最长递增子序列算法减少移动次数。 使用key的最大作用,就是帮助React更精确地判断节点是否复用,提升性能

React的Scheduler原理

合成事件和原生事件

react18新特性

react19新特性

基于 VitePress 构建