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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
Qinana8 小时前
手搓 AI Agent:从零构建能自动写代码、跑命令的“数字员工”
前端·javascript·agent
何中应8 小时前
Nginx转发请求错误
前端·后端·nginx
代码小学僧8 小时前
为什么我推荐前端项目都应该使用 TanStack Query 管理接口请求
前端·react.js·axios
YukiMori238 小时前
深入理解 JavaScript 箭头函数的 this:为什么 DOM 事件不推荐用箭头函数?
前端·javascript·dom
不会敲代码18 小时前
防抖与节流:从输入框看性能优化
前端·javascript·面试
xiyueyezibile8 小时前
零代码基础?AI 助你免费“搬空”语雀知识库
前端·ai编程
不会敲代码18 小时前
React 受控组件与非受控组件完全指南
前端·react.js
不会敲代码18 小时前
React Hooks 进阶:useRef 核心用法与受控/非受控组件实战解析
前端·react.js·面试
恋猫de小郭8 小时前
Android 官方正式官宣 AI 支持 AppFunctions ,Android 官方 MCP 和系统级 OpenClaw 雏形
android·前端·flutter
孟陬8 小时前
Tanstack Start 的天才创新之处——基于实际使用体验
react.js·visual studio code·next.js