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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
yqcoder6 小时前
CSS 外边距重叠(Margin Collapsing):现象、原理与完美解决方案
前端·css
山楂树の7 小时前
图像标注大坑:img图片 + Canvas 叠加标注,同步放大后标注位置偏移、对不齐?详解修复方案及亚像素处理原理
前端·css·学习·canva可画
本山德彪7 小时前
我做了一个拼豆图纸生成器,把照片秒变图纸
前端
DTrader7 小时前
用TS无法实盘量化? - 实盘均线策略
前端·api
进击的夸父7 小时前
vfojs:Vue 超集架构,外壳React灵魂Vue
前端
编程老船长7 小时前
解决不同项目需要不同 Node.js 版本的问题
前端·vue.js
Wect8 小时前
LeetCode 5. 最长回文子串:DP + 中心扩展
前端·算法·typescript
漫游的渔夫8 小时前
前端开发者做 Agent:别写成一次请求,用 5 步受控循环防止 AI 乱跑
前端·人工智能·typescript
kyriewen9 小时前
Webpack vs Vite:一个是“老黄牛”,一个是“猎豹”,你选谁?
前端·webpack·vite
打小就很皮...9 小时前
html2canvas + jsPDF 生成 PDF 的踩坑与解决方案总结
前端·pdf