Fiber结构(react)

首先贴上官网对于Fiber架构的详细讲解:https://github.com/acdlite/react-fiber-architecture

我对于Fiber的了解可能是:可中断,可分解,优先级

Fiber是对react核心的diff算法的整个重写

之前的16之前操作是同步操作的,又因为javaScript是单线程的,浏览器是多线程的,在加载javaScript过程中,可能处于卡顿过程中

而Fiber架构是异步加载的,将任务进行拆分,并按照优先级进行排列,所以相关任务在执行过程中,如果线程中有更高优先级的任务,会导师该任务中断再重启,这也是解释了为什么有的生命周期被废用掉,因为不断的中断和重启回导致生命周期中的事件多次执行。

 

posted @ 2021-07-11 18:34  千亿昔  阅读(124)  评论(0编辑  收藏  举报