浅谈React16框架 - Fiber

作者 | 赵慧杰前言React实现可以粗划为两部分：reconciliation（diff阶段）和 commit(操作DOM阶段)。在 v16 之前，reconciliation 简单说就是一个自顶向下递归算法，产出需要对当前DOM进行更新或替换的操作列表，一旦开始，会持续占用主线程，中断操作却不容易实现。当JS长时间执行（如大量计算等），会阻塞样式计算、绘制等工作，出现页面脱帧现象。所以，v16 进行了一次重写，迎来了代号为Fiber的异步渲染架构。FiberFiber核心是实现了一个基于优先级和requestIdleCallback的循环任务调度算法。它包含以下特性：(参考：fiber-reconciler)reconciliation阶段可以把任务拆分成多个小任务reconciliation阶段可随时中止或恢复任务可以根据优先级不同来选择优先执行任务从其特性可看出，Fiber核心是 ………………………………