fiber 小结

26 阅读1分钟

是什么

首先fiber 本身其实是一种能够优化节点更新导致diff压力大,最终导致渲染满的算法思想

解决什么问题

能够解决异步可中断更新,以及diff性能问题 单纯依靠虚拟dom ,由于不具备相关优先级相关,又因为js是单线程语言,导致性能差

而jsx fiber dom 之间的关系 用户正常

image.png

const Index = () => {
  return <div>hello word !</div>;
}

流程

  1. 开发者书写jsx进行开发
  2. 其次会将对应的虚拟dom 转换为fiber节点
  3. 经过 beginwork 创建或复用对应的fiber 再经过,completework, commitwork ,最终渲染到真实dom上

原理,源码

待攻克

  1. 虚拟dom和fiber节点之间有什么区别和联系