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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
霍格沃兹测试学院-小舟畅学几秒前
Cypress 入门与优势分析:前端自动化测试的新利器
前端
1024肥宅几秒前
浏览器网络请求 API:全面解析与高级封装(2)
前端·websocket·axios
幼儿园技术家6 分钟前
深入理解 CSR / SSR / SSG:前端三种渲染模式的本质与选型
前端
How_doyou_do11 分钟前
常见的设计模式
前端·javascript·设计模式
38242782714 分钟前
汇编:条件汇编、
前端·汇编·数据库
狗哥哥17 分钟前
企业级 HTTP 客户端架构演进与设计
前端·架构
前端无涯22 分钟前
react组件(4)---高阶使用及闭坑指南
前端·react.js
Gomiko34 分钟前
JavaScript DOM 原生部分(五):事件绑定
开发语言·前端·javascript
出来吧皮卡丘38 分钟前
A2UI:让 AI Agent 自主构建用户界面的新范式
前端·人工智能·aigc
Jeking21738 分钟前
进阶流程图绘制工具 Unione Flow Editor-- 击破样式痛点:全维度自定义解决方案
前端·流程图·workflow·unione flow·flow editor·unione cloud