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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
2501_920931702 分钟前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...6 分钟前
dnd-kit 实现表格拖拽排序
前端·react.js·表格拖拽·dnd-kit
Ulyanov11 分钟前
从静态到沉浸:打造惊艳的Web技术发展历程3D时间轴
前端·javascript·html5·gui开发
打小就很皮...21 分钟前
React 19 + Vite 6 + SWC 构建优化实践
前端·react.js·vite·swc
Highcharts.js23 分钟前
使用Highcharts与React集成 官网文档使用说明
前端·react.js·前端框架·react·highcharts·官方文档
这是个栗子23 分钟前
AI辅助编程(二) - 通译千问
前端·ai·通译千问
VT.馒头34 分钟前
【力扣】2625. 扁平化嵌套数组
前端·javascript·算法·leetcode·职场和发展·typescript
数研小生1 小时前
Full Analysis of Taobao Item Detail API taobao.item.get
java·服务器·前端
Shirley~~1 小时前
Vue-skills的中文文档
前端·人工智能
毎天要喝八杯水1 小时前
搭建vue前端后端环境
前端·javascript·vue.js