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

1.React16 的 Fiber 是什么

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

fiber的优点

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

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

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

2.React的diff算法

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

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

3.React18 新增了哪些特性

相关推荐
Zhangzy@1 小时前
Rust Workspace 构建多项目体系
开发语言·前端·rust
通往曙光的路上1 小时前
day23_密码加密 前端验证码 监听器 svn版本控制
前端·svn
TivonaLH1 小时前
v-code-diff入口文件的配置
前端·javascript·vue.js
青衫码上行1 小时前
【Java Web学习 | 第四篇】CSS(3) -背景
java·前端·学习
.生产的驴1 小时前
React 路由权限跳转 Token判断 路由控制 登录状态控制
前端·javascript·react.js·ajax·前端框架·c#·ecmascript
美狐美颜sdk8 小时前
跨平台直播美颜sdk集成攻略:Android、iOS与Web的统一方案
android·前端·ios
Airser8 小时前
npm启动Taro框架报错
前端·npm·taro
Anlici9 小时前
连载小说大学生课设 需求&架构
前端·javascript·后端
2501_9387699910 小时前
React Server Components 进阶:数据预取与缓存
前端·react.js·缓存
蒜香拿铁11 小时前
Angular【基础语法】
前端·javascript·angular.js