React fiber框架

**fiber:**是一种新的框架,他的目的是实现增量式,可中断的虚拟Dom diff的过程。

作用:提高react性能优化和响应速度

出现原因:diff算法是递归出来的,一次就得全渲染完,而fiber的出现就是解决这个问题的。

解决方法:他是通过把diff拆成一个一个小任务,每个任务叫fiber节点,然后形成fiber树,这就也就意味这现在diff可以排列优先级。

优先级判断:与用户的直接交互 > 页面更新,组件状态更新 > 预加载等(说白了就是先跑html,css然后跑js然后预加载啥的)(这个优先级react不让修改)

react更新流程

react创建虚拟dom > fiber框架调整好diff需要更新的顺序 > diff算法更新

相关推荐
临江仙455几秒前
前端骚操作:用户还在摸鱼,新版本已悄悄上线!一招实现无感知版本更新通知
前端·vue.js
想个什么名好呢1 分钟前
解决uniapp的H5项目uni-popup页面滚动穿透bug
前端
用户938169125536012 分钟前
Vue3项目--mock数据
前端
前端加油站26 分钟前
一种新HTML 页面转换成 PDF 技术方案
前端·javascript·vue.js
w***Q35032 分钟前
Vue打包
前端·javascript·vue.js
有事没事实验室37 分钟前
router-link的custom模式
前端·javascript·vue.js
4***V20238 分钟前
Vue3响应式原理详解
开发语言·javascript·ecmascript
常乐我净6161 小时前
十、路由和导航
前端
Tonychen1 小时前
TypeScript 里 infer 常见用法
前端·typescript
米诺zuo1 小时前
MUI sx prop 中的响应式适配
前端