Passer_By75663

点击进入React源码调试仓库。 本文是在React中的高优先级任务插队机制基础上的后续延伸，先通过阅读这篇文章了解任务调度执行的整体流程，有助于更快地理解本文所讲的内容。...

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的...

点击进入React源码调试仓库。 Scheduler作为一个独立的包，可以独自承担起任务调度的职责，你只需要将任务和任务的优先级交给它，它就可以帮你管理任务，安排任务的执行...

点击进入React源码调试仓库。 当render阶段完成后，意味着在内存中构建的workInProgress树所有更新工作已经完成，这包括树中fiber节点的更新、diff...

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际...

当函数组件进入render阶段时，会被renderWithHooks函数处理。函数组件作为一个函数，它的渲染其实就是函数调用，而函数组件又会调用React提供的hooks函...

点击进入React源码调试仓库。 React的更新最终要落实到页面上，所以本文主要讲解DOM节点（HostComponent）和文本节点(HostText)的更新，对于前者...

点击进入React源码调试仓库。 本篇是详细解读React DOM操作的第二篇文章，文章所讲的内容发生在commit阶段。 插入DOM节点操作的是fiber节点上的stat...

在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

点击进入React源码调试仓库。 每个fiber节点在更新时都会经历两个阶段：beginWork和completeWork。在Diff之后（详见深入理解React Diff...

点击进入React源码调试仓库。 上一篇扒一扒React计算状态的原理 之后，我们来分析一下Diff的过程。 fiber上的updateQueue经过React的一番计算之...

作为一个构建用户界面的库，React的核心始终围绕着更新这一个重要的目标，将更新和极致的用户体验结合起来是React团队一直在努力的事情。为什么React可以将用户体验做到...

点击进入React源码调试仓库。 本篇是详细解读React DOM操作的第一篇文章，文章所讲的内容发生在commit阶段。 Fiber架构使得React需要维护两类树结构，...

React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom...

面试官问： “React Fiber 是什么？” 为什么叫 “Fiber”? Fiber 架构解决了什么问题？ 怎么回答 遇到这样的问题，一般从以下几个方面去回答........

在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名。一起看...

作为前端开发者一定用过VsCode这款利器，而其强大的插件能力无疑更是让我们深深的爱上了它。据不完全统计，VsCode插件市场中的插件数量已经超过了3万，由此可见大家的热情...