老斌

注意是调度，不是执行。在这个阶段，会把使用了 useEffect 组件产生的生命周期函数入列到 React 自己维护的调度队列中，给予一个普通的优先级，让这些生命周期函数异...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

早期Effect list方式 在Fiber架构的早期阶段，并没有subtreeFlags，而是使用一种被称为Effect List的链表结构保存被标记副作用的fiberN...

「架构」这词对于程序员来说是略显神圣的，而且其涵盖范围和意义也是非常广泛，可能每个人每个团队对于它的理解也是不同的，所以本文不深入探讨它本身，而是着重讲讲我们在这方面的一些...

什么是组件重渲染？引起组件重渲染的原因有哪些？如何避免？使用全局状态管理库react-redux以及umi useModel的一些最佳实践～...

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这...

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河...

好的 👍，你问的是 React 16 中所有 Hooks 的底层实现和原理。 这里我会分几个层次来解释： React 16 的背景 Hooks 的设计理念 核心 Hook...

今天要聊的话题是前端最近的一个更新方向 PWA 中的核心 Service Worker 的更新问题。这是一个很容易被开发者忽略的问题，因为绝大部分开发者可能对它还不太熟悉。...

前言 到今年，我已经写了8年代码。在这段时间里，我的职业生涯一直处于不上不下的状态。尽管在二线城市的薪资看起来还不错，但我早就明白，这行不过是用青春换取血汗钱。从疫情开始，...

禁止别人调试自己的代码，防止别人通过爬虫爬取请求接口的数据，保护数据安全，每一个前端也有不可推卸的责任。...

最后一点尤其重要，一般情况下（没有 SW 的情况），用户浏览你的网站时可能先打开一个 tab，过了一会儿又打开了一个 tab，结果就是在同一时间，你的页面运行了两个版本，大...

上一个星期一直忙于救火，周末又赶去参加了 Tweb Conf(首次参加这类活动)，所以没什么输出。但是这个星期的紧张、忙碌以及焦虑，让我想明白了一些事情，写了本文，没什么干...

大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象：这个单词在不同人的口中有不同的读音。为了全面了解缓存，我们得先从读音开始，这样才能够在和其他同事(例如 PM)...

Vue的computed实现相对于watch和data来说比较难以理解，要真正的理解computed的工作方式，你需要深入理解Vue的双向数据绑定原理和实现方式。 如果以上...