我的前端面试笔记(React篇)

1.React16 的 Fiber 是什么

fiber是react16的一种数据结构,用来描述每一个React 组件或 DOM 节点,并采用双向链表 的存储结构。遍历节点的方式采用迭代遍历 (while循环),替代了以前的递归遍历

fiber的优点

1)任务拆分:支持将渲染任务拆分为多个小任务。

2)可中断性:支持任务的中断和恢复。

3)优先级调度:确保高优先级任务优先处理。

2.React的diff算法

Diff 算法的核心策略有以下3点,以此高效地找出需更新的部分,从而最小化 DOM 操作。

  • 只比较同一层级的节点,而不会跨层级比较
  • 通过 key 快速匹配新旧节点,进行更新
  • 尽量复用节点,而不是销毁和创建

3.React18 新增了哪些特性

相关推荐
PineappleCoder4 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪4 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯4 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn08955 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视5 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan5 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL5 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
hashiqimiya7 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端
零度@7 小时前
Java中Map的多种用法
java·前端·python
yuanyxh8 小时前
静默打印程序实现
前端·react.js·electron