june18

话不多说，直接上代码。 入口函数 createRoot 进入 createRoot 函数体。 createContainer 先说下调用路线 createContainer 调用 createFibe

本文主要介绍我们是如何处理前端线上问题的，希望能够帮助到大家。 文章先介绍常见的线上问题以及对应的解决方案，其次阐述了我们对整个项目流程做了哪些优化。 线上问题分类 线上问题多种多样，这里将分门别类介

本文将从以下两方面介绍 fiber。 什么是 fiber？ 类型 什么是 fiber？ Fiber 是 React16 中的协调引擎。它的主要目的是使 VDOM 可以进行增量式渲染。 React Fi

React 通过异步合并更新，提高渲染速度。 RequestIdleCallback 的不足 兼容性差-RequestIdleCallback 并不是对所有浏览器都支持的。 工作帧率低，只有 20FP

关于时间切片，本文将从以下三方面介绍： 什么是时间切片？ 时间切片的作用是什么？ 如何实现时间切片？ 什么是时间切片？ 其实就是一个时间段，比如 5ms。 时间切片的作用是什么？ 避免高优先级任务被延

React 任务调度器使用的数据结构是最小堆，本文主要介绍最小堆的三种操作。 peek-获取堆顶元素 push-为堆添加元素 pop-删除堆顶元素 获取堆顶元素 这个比较简单，不解释了。 为堆添加元素

接上回。 先看第一个 demo。 定义 lastPlacedIndex 表示上一次可复用节点的索引，oldIndex 表示更新前节点的索引（从 0 开始）。 如果 oldIndex 大于 lastPl

先说结论，不同节点，推倒重建，相同节点，修改属性。 具体看下面的 demo。 1、 不同节点，删除 div 节点，新建 span 节点。 2、相同节点，把 className 修改为 cls2。 3、

我们都知道，React 元素是一个 plain object: 如果你的服务器有允许用户存储任意 JSON 对象的漏洞，而前端需要一个字符串，这可能会发生一个问题：导致潜在的安全风险 然后在某段 JS