关于react fiber的理解

js是单线程的 GPU渲染引擎也是单线程的

现在都是组件化开发

当组件更新的时候 页面需要重新渲染 如果某个组件体积较大,由于js单线程和GPU渲染引擎单线程的原因

会形成同步阻塞,影响后面组件的渲染

在页面上的表现就是出现卡顿和掉帧

react 16版本以后,为了解决这个问题

提出了fiber这个分割任务调度算法

将渲染任务 分割成一个个小的任务单位

然后再把这些小的任务单位分散到浏览器的空闲时间执行

充分利用进行的事件循环机制,

根据优先级依次执行这些小的任务单位

从而解决同步阻塞而导致的页面卡顿和掉帧等现象。

posted @ 2021-09-08 21:03  一个动态类型的幽灵  阅读(69)  评论(0编辑  收藏  举报