React fiber框架

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

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

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

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

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

react更新流程

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

相关推荐
huangdong_1 分钟前
京东商品图片视频批量下载与m3u8视频合并技术完整实现方案
大数据·前端·数据库
尽兴-6 分钟前
4.1 智能体核心:Agent、Sub-Agent、ReAct、规划执行
前端·javascript·react.js·agent·react·subagent
小小小小宇18 分钟前
前端 Shadow DOM 全解析与应用
前端
万物更新_21 分钟前
vue框架
前端·javascript·vue.js·笔记
小小小小宇24 分钟前
前端 Web Workers 和 Service Workers 全解析与应用
前端
陆枫Larry39 分钟前
浏览器的 Reflow 和 Repaint 是什么?为什么要尽量避免它们?
前端
孜孜不倦不忘初心42 分钟前
mac安装nvm及问题记录
前端·node.js
Richar44 分钟前
Object.freeze()注意事项
前端·javascript
TA远方44 分钟前
【HTML】JavaScript Canvas 图像截取与保存完整指南
前端·javascript·html·canvas·截图·截取
Asize1 小时前
JavaScript 数据类型解析:从 null 与 undefined 的迷思到栈堆内存真相
前端·javascript·面试