当前位置: 首页 > news >正文

前端面试话术集锦第 14 篇:高频考点(React常考基础知识点)

这是记录前端面试的话术集锦第十四篇博文——高频考点(React常考基础知识点),我会不断更新该博文。❗❗❗

1. 生命周期


V16版本中引入了Fiber机制。这个机制一定程度上的影响了部分生命周期的调用,并且也引入了新的2API来解决问题。

在之前的版本中,如果你拥有一个很复杂的复合组件,然后改动了最上层组件的state,那么调用栈可能会很长

调用栈过长,再加上中间进行了复杂的操作,就可能导致长时间阻塞主线程,带来不好的用户体验Fiber就是为了解决该问题而生。

Fiber本质上是一个虚拟的堆栈帧,新的调度器会按照优先级自由调度这些帧,从而将之前的同步渲染改成了异步渲染,在不影响体验的情况下去分段计算更新。

对于如何区别优先级,React有自己的一套逻辑。对于动画这种实时性很高的东西,也就是16 ms必须渲染一次保证不卡顿的情况下,React会每16 ms(以内)暂停一下更新,返回来继续渲染动画。

对于异步渲染,现在渲染有两个阶段:reconciliationcommit。前者过程是可以打断的,后者不能暂停,会一直更新界面直到完成。

1.1 Reconciliation阶段

  • componen

http://www.lryc.cn/news/168321.html

相关文章:

  • UI/UX+前端架构:设计和开发高质量的用户界面和用户体验
  • 长尾关键词挖掘软件-免费的百度搜索关键词挖掘
  • React Native 环境配置(mac)
  • CAD for JS:VectorDraw web library 10.1004.1 Crack
  • 代码管理工具git1
  • 层次聚类分析
  • Jmeter性能实战之分布式压测
  • 学信息系统项目管理师第4版系列08_管理科学基础
  • 从2023蓝帽杯0解题heapSpary入门堆喷
  • 基于SSM的学生宿舍管理系统设计与实现
  • jvm 内存模型介绍
  • 用Jmeter进行压测详解
  • Mysql001:(库和表)操作SQL语句
  • 甲骨文全区登录地址
  • Java面试题第八天
  • 什么是同步容器和并发容器的实现?
  • 学Python的漫画漫步进阶 -- 第十六步
  • MySQL 8.0 OCP (1Z0-908) 考点精析-架构考点5:数据字典(Data Dictionary)
  • 7分钟了解ChatGPT是如何运作的
  • 蓝桥杯打卡Day8
  • React 学习笔记目录
  • 一起Talk Android吧(第五百五十一回:如何自定义SplashScreen)
  • PYTHON-模拟练习题目集合
  • UE5学习笔记(1)——从源码开始编译安装UE5
  • DP读书:《openEuler操作系统》(二)操作系统的发展史
  • SQL sever中相关查询
  • Java手写IO流和案例拓展
  • Linux入门教程||Linux 文件与目录管理
  • MyBatis获取参数值的两种方式#{}和${} 以及 获取参数值的各种情况
  • (手撕)数据结构--->堆