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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
OpenTiny社区42 分钟前
重磅预告|OpenTiny 亮相 QCon 北京,共话生成式 UI 最新技术思考
前端·开源·ai编程
前端老实人灬43 分钟前
web前端面试题
前端
Moment1 小时前
AI 全栈指南:NestJs 中的 Service Provider 和 Module
前端·后端·面试
IT_陈寒1 小时前
为什么我的JavaScript异步回调总是乱序执行?
前端·人工智能·后端
Moment1 小时前
AI全栈入门指南:NestJs 中的 DTO 和数据校验
前端·后端·面试
小码哥_常1 小时前
告别RecyclerView卡顿!8个优化技巧让列表丝滑如德芙
前端
小村儿1 小时前
Harness Engineering:为什么你用 AI 越用越累?
前端·后端·ai编程
FrontAI1 小时前
Next.js从入门到实战保姆级教程:环境配置与项目初始化
react.js·typescript·学习方法
enoughisenough2 小时前
浏览器判断控制台是否开启
前端
Moment2 小时前
当前端开始做 Agent 后,我才知道 LangGraph 有多重要❗❗❗
前端·后端·面试