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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
不甜情歌几秒前
JS 类型判断不用愁:4 种方法,覆盖所有场景
前端·javascript
ETA87 分钟前
状态管理没那么复杂:手写实现 Zustand 核心逻辑
前端·react.js
FanetheDivine12 分钟前
在react中使用signal
vue.js·react.js
用户2557788508113 分钟前
axios请求缓存
前端
夫瑞15 分钟前
TypeScript 直接编译成原生二进制,没有浏览器,没有 V8
前端
Talents16 分钟前
OpenLayers 7.5.2 判断点是否在区域边上
前端
cmd18 分钟前
前端基础必看:JS 变量提升 & 函数提升完整解析
前端·javascript
小金鱼Y19 分钟前
前端必看:this 不是玄学!5 大绑定规则帮你永久告别 this 困惑
前端·javascript·面试
谁在黄金彼岸19 分钟前
用 AI 设计力打造专业 UI/UX:在 Trea、Qoder 等 AI IDE 中集成 ui-ux-pro-max-skill
前端