react的Fiber架构和双向链表区别
Fiber 的核心：可中断 + 优先级调度 + 任务嵌套。
双向链表只能记录“当前执行到哪”，无法做到调整任务优先级。
普通双向链表（Vue 的更新机制）
- 快递员有一个送货清单（A → B → C）。
- 他可以：
- 送到 A，然后去 B。
- 如果中途有电话，他可以暂停，但只能记住“当前在送 B”。
- 无法调整送货顺序，比如突然有个加急快递（D），他必须送完 B 才能处理。
Fiber 架构（React 的任务调度）
- 快递员不仅有一个清单，还有优先级和子任务：
- Fiber 的做法：
- 先送 A。
- 正准备送 B 时，加急快递 D 来了，立刻转去送 D。
- 送完 D 后，回到 B（不是从头开始）。
- 如果 E 是“大件快递”，可以拆解：
- 先“搬上楼”，如果中途有更急的事，暂停并记住“已经搬到 2 楼”。
- 处理完急事后，继续从“搬到 3 楼”开始。
总结：Fiber 到底是什么？
| 特性 | 普通双向链表 | Fiber 架构 |
|---|---|---|
| 可中断 | ✅ 能暂停，但只能记录“当前任务” | ✅ 能暂停，且能记录“任务内部的进度” |
| 优先级调度 | ❌ 必须按顺序执行 | ✅ 高优先级任务可插队 |
| 任务嵌套 | ❌ 只能处理线性任务 | ✅ 大任务可拆分子任务 |
| 恢复精度 | 只能回到任务起点 | 能回到任务的具体步骤 |
Fiber 的本质：
- 不只是“可中断”，而是更智能的任务调度系统。
- 它让 React 可以：
- 处理复杂 UI 更新（比如动画 + 数据加载）。
- 保证高优先级任务（如用户点击）优先响应。
- 避免页面卡顿（分段渲染）。