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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
weixin456227194 分钟前
省市区镇村五级联动
前端·javascript·chrome
nunumaymax7 分钟前
【第二章-React面向组件编程(二】
react.js
窝子面9 分钟前
二十三、第三方登录
前端·javascript·html
好运yoo10 分钟前
在package.json中scripts这个配置的命令是什么意思
前端·webpack·json·vite·wepack
C澒11 分钟前
前端跨业务线代码复用标准化体系构建与实践
前端·架构
big_rabbit050220 分钟前
[算法][力扣242]有效的字母异位词
java·前端·leetcode
A923A22 分钟前
【Vue3大事件 | 项目笔记】第一天
前端·vue.js·笔记·前端框架
IT_陈寒25 分钟前
SpringBoot自动配置揭秘:90%开发者不知道的核心原理
前端·人工智能·后端
huangyiyi6666627 分钟前
webpack + Vite
前端·webpack·node.js
im_AMBER30 分钟前
订阅模式实现字符数统计
前端·typescript·前端框架·编辑器