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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
excel1 分钟前
🚀 从 GPT-5 流式输出看现代前端的流式请求机制(Koa 实现版)
前端
凸头5 分钟前
Spring Boot接收前端参数的注解总结
前端·spring boot·后端
爱吃甜品的糯米团子25 分钟前
JavaScript 正则表达式:选择、分组与引用深度解析
前端·javascript·正则表达式
excel29 分钟前
Vue SSR 编译器源码深析:ssrTransformShow 的实现原理与设计哲学
前端
excel30 分钟前
深入解析 Vue 3 SSR 编译管线:ssrCodegenTransform 源码全解
前端
excel31 分钟前
深入解析 Vue SSR 编译器的核心函数:compile
前端
IT_陈寒33 分钟前
Vue 3性能优化实战:7个关键技巧让我的应用加载速度提升50%
前端·人工智能·后端
excel35 分钟前
Vue SSR 错误系统源码解析:createSSRCompilerError 与 SSRErrorCodes 的设计原理
前端
excel36 分钟前
Vue SSR 源码解析:ssrTransformModel 深度剖析
前端
excel36 分钟前
Vue SSR 运行时辅助工具注册机制源码详解
前端