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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
weixin1997010801619 小时前
衣联网商品详情页前端性能优化实战
前端·性能优化
技术钻石流19 小时前
面向“传统程序员”的端到端 10x Vibe Coding 指南(大型需求) - 从面向业务开发转向面向“Agent 员工”开发
前端·后端·ai编程
codingWhat19 小时前
Electron 入门实战:用一个加法计算器吃透 Electron 核心概念
前端·javascript·electron
Easonmax19 小时前
ReactNative for OpenHarmony项目鸿蒙化三方库:react-native-pager-view — 流畅的页面滑动体验
react native·react.js·harmonyos
张一凡9319 小时前
easy-model 在任务管理应用中的实际应用
前端·react.js
专业流量卡19 小时前
React useMemo 源码ai解析
前端
Tzarevich19 小时前
深入理解Event Loop:从原理图到代码实战,小白也能看懂的 JS 执行机制
前端·javascript·面试
毛骗导演19 小时前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构
工边页字19 小时前
AI产品中的长期记忆和短期记忆是什么,你知道吗?
前端·人工智能·后端
HelloReader19 小时前
Flutter 页面导航Navigator.push 与自适应导航模式(十四)
前端