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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
简离2 分钟前
Git 一次性清理已跟踪但应忽略文件
前端·git
清水寺小和尚2 分钟前
# 告别魔法:带你彻底搞透 Agent Loop、Skills、Teams 与 MCP 协议
前端
小蜜蜂dry7 分钟前
nestjs学习 - 管道(pipe)
前端·nestjs
梦鱼9 分钟前
🖥️ 告别 Electron 托盘图标模糊:一套精准的 PNG 生成方案
前端·electron
张元清10 分钟前
React Hooks 性能优化:如何避免不必要的重新渲染
前端·javascript·面试
不甜情歌15 分钟前
JavaScript this绑定规则:告别踩坑指南!
前端·javascript
小J听不清22 分钟前
CSS 三种引入方式全解析:行内 / 内部 / 外部样式表(附优先级规则)
前端·javascript·css·html·css3
aircrushin1 小时前
端到端AI决策架构如何重塑实时协作体验?
前端·javascript·后端
AI前端老薛1 小时前
前端开发神器 - Image Preview插件
前端
Predestination王瀞潞1 小时前
2.4 编码->W3C XML 1.0标准(W3C Recommendation):XML(Extensible Markup Language)
xml·前端