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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
kyriewen1116 小时前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
冰暮流星16 小时前
javascript之变量作用域
开发语言·前端·javascript
远方的小草16 小时前
检索增强生成技术RAG
前端
haorooms16 小时前
WebTransport 核心用法及身份验证和应用
前端
用户982361079027716 小时前
Node.js 使用 adm-zip 操作 ZIP 文件指南
前端
yannick_liu16 小时前
VUE2 + ElementUI 将Table数据导出为Excel文件——vue-json-excel
前端
哇哇哇哇16 小时前
Vue3项目性能优化
前端
big tail16 小时前
Windows本地Docker模拟前端项目发版
前端·windows·docker
学以智用17 小时前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js
北寻北爱17 小时前
面试题-js篇
前端·javascript