React fiber框架

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

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

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

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

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

react更新流程

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

相关推荐
SendTomo14 分钟前
P2P文件传输工具对比:SendTomo vs send.wang
javascript·网络协议·webrtc·html5·p2p
犹豫的果冻布丁1 小时前
从零给 DeepSeek Harness 写一个壁纸皮肤插件(已开源)
前端·后端
漏刻有时2 小时前
数据可视化Three.js 3D 地图实战:单文件原生实现省域区县拉伸建模
前端
会说话的番茄2 小时前
AI 满嘴跑火车怎么办?给它配个"小抄"
前端·aigc
计算机魔术师2 小时前
AI 权力集中辩论实录:从「token 工厂」到「唯一幸存者」
前端
eric-sjq2 小时前
WanlyFrontend 中文声明式前端语言完全指南:让 0.6B 模型写出漂亮网页
前端
Full Stack Developme2 小时前
跨站请求伪造 (CSRF) 是什么 设计及工作原理
前端·okhttp·csrf
SendTomo2 小时前
WebRTC文件互传工具实测对比
javascript·网络·webrtc·html5·p2p
MoSTChillax2 小时前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding
雪碧聊技术2 小时前
Vue + Element Plus 实现文本溢出显示省略号及悬浮提示
前端·javascript·css·vue.js·文本溢出省略