React fiber框架

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

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

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

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

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

react更新流程

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

相关推荐
负责的蛋挞19 小时前
异步HttpModule的实现方式
java·服务器·前端
YFF菲菲兔20 小时前
其他 Hooks 解析
react.js
丹宇码农21 小时前
把 HLS 字幕玩出花:zwPlayer 如何让 M3U8 视频支持全文搜索、翻译与码率自适应
前端·javascript·音视频·hls·视频播放器
2501_9437823521 小时前
【共创季稿事节】猜数字游戏:二分法思维与交互式反馈
前端·游戏·microsoft·harmonyos·鸿蒙·鸿蒙系统
GV191rLvq1 天前
基于Socket实现的最简单的Web服务器【ASP.NET原理分析】
服务器·前端·asp.net
吠品1 天前
LangChain 里 tool_call_id 为空?一次 MCP 工具集成的排查记录
前端
微信开发api-视频号协议1 天前
企业微信二次开发中的文件系统设计:媒体资源、临时文件与业务附件
前端·微信·企业微信·媒体·ipad·微信开放平台
柒和远方1 天前
Phase 7.4 学习博客:为什么多 API 项目需要 Swagger / OpenAPI
前端·后端·架构
张龙6871 天前
拼多多开放平台对接踩坑实录:从 CLIENT_ID 配置到 MD5 签名算法的完整填坑指南
前端