紫圣

虚拟DOM是一棵树形结构，即fiber树，对于树的遍历，通常有两种方法：深度优先遍历和广度优先遍历。如果react使用深度优先遍历来遍历fiber树。...

key 主要用于diff算法中，它是fiber对象的唯一标识，其作用是用于判断节点是否可复用，从而减少不必要的 diff，提高diff 的效率。因此，在开发中，我们应该主动...

useFiber函数的作用是克隆旧节点，从而复用旧节点。在克隆旧节点时，是通过 双缓冲 的方式来复用旧节点。...

Component 和 PureComponent都是通过构造函数声明类，但PureComponent实现了 shouldComponentUpdate 方法。...

reconciler 的过程可分为四个阶段，分别是任务输入阶段、调度任务注册阶段、执行任务回调阶段，输出DOM节点阶段。这四个阶段，基本覆盖了react-reconcile...

React 中实现代码分割的四种方式：import、React.lazy、import + React Loadable、UmiJs按需加载...

项目使用的是React + Antd + dva技术栈，选用Antd的 DatePicker.RangePicker 组件实现时间选择不超过七天的范围。...

当用户调用cancel方法后，axios内部会调用XMLHttpRequest 的abort方法取消请求，同时调用reject让外层的promise失败。...

通过a链接下载文件的三种方案，服务端设置 Content-Disposition，在 a 标签中添加 download 属性，URL.createObjectURL() 实...

contextmenu 事件会在用户尝试打开上下文菜单时被触发。该事件通常在鼠标点击右键或者按下键盘上的菜单键时被触发，如果使用菜单键，该上下文菜单会被展示到所聚焦元素的左...

通过 iframe 嵌入页面时，实际上是发生了路由的变化，可以通过 window.location 获取被嵌入页面的链接。umi框架通过umi/router的history...

Fetch、axios、umi-request 库中断请求的方式：AbortController、cancelToken、CancelToken.souce...

在 function 组件中使用 ref 时，我们可以借助 useImperativeHandle 将子组件的State或方法暴露给父组件。...

React中父组件获取class类型的子组件的state或方法的三种方式：给子组件添加ref属性、给子组件添加onRef 属性使用 createRef() 创建 ref 容...

在React中，事件被划分了不同的等级，其目的是决定任务调度的轻重缓急，从而实现React的增量渲染，预防掉帧，同时达到页面更顺滑的目的，提升用户体验。因此，React有一...

React 在实现任务调度时，使用最小堆存储 Scheduler 的 task，使得在任务调度的过程中可以在O(1)的时间获取到优先级最高的task，提高了任务调度的效率。...

React 中有自己的事件系统模式，通常被称为 React合成事件。之所以采用这种自定义的合成事件，一方面是为了抹平浏览器差异性，使得 React 开发者不再需要去关注浏览...

React 的 Context 属性实现了 props 在层级组件间跨层级传递，从而避免了props逐层传递的繁琐。本文将从源码层面，从创建、消费以及更新三个方面来介绍Co...

React 的 Context 属性实现了 props 在层级组件间跨层级传递。无论是挂载阶段还是更新阶段，useContext 最终执行的函数都是 readContext...

组件在挂载阶段，执行 useLayoutEffect，实际上执行的是 mountLayoutEffect，而在更新阶段，实际上执行的是 updateLayoutEffect...