困难React性能优化
0 1

React Fiber 算法的原理是什么?相比于之前的 stack算法,Fiber做了哪些优化?

【概念释义】

Fiber 将渲染工作拆成可中断的小单元(Fiber 节点链表),支持优先级调度、暂停与恢复。Stack reconciler(React 15) 递归遍历整棵树,长任务阻塞主线程导致掉帧。Fiber 带来时间切片、Concurrent 特性、Lane 优先级,使用户输入等高优任务可插队。

【基础使用】

text
Stack:  递归 render 整棵树 → 一直占用主线程直到结束
Fiber:  workLoop 处理一个 Fiber 单元 → 时间片用尽 yield → 下次 schedule 继续

登录查看完整 1128

回答讨论

暂无讨论,登录后可抢先发言

本题库更多题目(50)