本文主要是介绍React fiber框架,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
fiber:是一种新的框架,他的目的是实现增量式,可中断的虚拟Dom diff的过程。
作用:提高react性能优化和响应速度
出现原因:diff算法是递归出来的,一次就得全渲染完,而fiber的出现就是解决这个问题的。
解决方法:他是通过把diff拆成一个一个小任务,每个任务叫fiber节点,然后形成fiber树,这就也就意味这现在diff可以排列优先级。
优先级判断:与用户的直接交互 > 页面更新,组件状态更新 > 预加载等(说白了就是先跑html,css然后跑js然后预加载啥的)(这个优先级react不让修改)
react更新流程:
react创建虚拟dom > fiber框架调整好diff需要更新的顺序 > diff算法更新
这篇关于React fiber框架的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!