 

04-渲染机制与原理

React 渲染机制与底层原理：虚拟 DOM、Fiber 架构、Diff 策略、key、重渲染范围、批处理、并发渲染与合成事件，深入 React 18/19 与源码走读。

4.2 Fiber 架构

Fiber 把 React 的渲染从「不可中断的递归」改造成「可中断的链表遍历」——每个 Fiber 节点是一个「工作单元」，带父子兄弟指针与优先级，从而支持时间切片、优先级调度与并发渲染。

陌上寒2026-10-13阅读()去评论

虚拟 DOM 是「用普通 JS 对象描述 UI 结构」的一层抽象；React 通过比较新旧两棵对象树来算出最小 DOM 操作——它的价值是「可预测的更新模型 + 跨平台能力」，而不是「比直接操作 DOM 更快」。

陌上寒2026-10-13阅读()去评论