React fiber框架

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

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

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

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

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

react更新流程

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

相关推荐
暗不需求2 小时前
# 一文搞懂 JavaScript 内存机制:从栈和堆,到闭包为什么“活得更久”
前端·javascript
CharlesY2 小时前
JavaScript HTML5 Cache Manifest:离线应用缓存机制考古
前端·javascript
yuki_uix2 小时前
前端解题的 6 个思维模型:比记答案更有用的东西
前端·面试
Bigger2 小时前
第三章:我是如何剖析 Claude Code 工具系统与命令执行机制的
前端·claude·源码阅读
GISer_Jing2 小时前
告别手搓架构图!Excalidraw+AI Skills 高效绘制手绘风技术图
前端·人工智能·react.js
jiayong232 小时前
第 7 课:第三轮真实重构,拆出新增任务弹窗
服务器·前端·重构
钛态2 小时前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
爱学习的程序媛2 小时前
浏览器内核揭秘:JavaScript 和 UI 的“主线程争夺战”
前端·性能优化·浏览器·web
你挚爱的强哥2 小时前
欺骗加载进度条,应用于无法监听接口数据传输进度的情况
前端·javascript·html
zhensherlock3 小时前
Protocol Launcher 系列:Mail Assistant 轻松发送 HTML 邮件
前端·javascript·typescript·node.js·html·github·js