魔术师卡颂

大家好，我卡颂。 作为前端，想必你对防抖（debounce）、节流（throttle）这两个概念不陌生。 在React18中，基于新的并发特性，React原生实现了防抖的功...

大家好，我卡颂。 我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： 我们期望点击后sendMessage能传递text的最新值。 然而实际上，由于回调函数被us...

大家好，我卡颂 React18正式版已经发布一段时间了，如果你升级到v18，且仍使用ReactDOM.render创建应用，会收到如下报警： 大意是说：v18使用creat...

大家好，我卡颂。 在中文社区，这么多年一直流传一个说法： JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。 但随着Dev Tools...

大家好，我卡颂。 凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。 网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同...

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如...

大家好，我卡颂。 遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我： “你有什么想问我的么？” 可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员...

大家好，我卡颂。 2022年3月29号，React18正式版发布。 从v16开始，React团队就在普及并发的概念。在v18的迭代过程中（alpha、Beta、RC），也一...

大家好，我卡颂。 React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。 v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v...

大家好，我卡颂。 对于如下这个常见交互步骤： 点击按钮，触发状态更新 组件render 视图渲染 你觉得哪些步骤有性能优化的空间呢？ 答案是：1和2。 对于步骤1，如果状态...

大家好，我卡颂。 相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。 这些优化对开发者大多是无感知的，但对项目进行性能优...

大家好，我卡颂。 想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： 克隆对象： 但你有没有见过如下操作： 本文就来聊聊上述情况的成因。 ...

大家好，我卡颂。 可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。 本文会讲解Suspense对于React的意义。 ...

大家好，我卡颂。 由于如下原因，React的事件系统代码量很大： 需要抹平不同浏览器的差异 与内部的优先级机制绑定 需要考虑所有浏览器事件 但如果抽丝剥茧会发现，事件系统的...

大家好，我卡颂。 Scheduler(调度器)是React重要的组成部分。 同时，他也是个独立的包，任何连续、可中断的流程都可以用Scheduler来调度，比如： work...

大家好，我卡颂。 想必大家都知道React有一套基于Fiber架构的调度系统。 这套调度系统的基本功能包括： 更新有不同优先级 一次更新可能涉及多个组件的render，这些...

大家好，我卡颂。 本文会讲解React中Error Boundaries的完整实现逻辑。 一张图概括： 这里简单讲解下React工作流程，后文有用。分为三步： 触发更新 r...

大家好，我卡颂。 根据ES规范规定，所有非原始类型的对象转化为Boolean都为true： 但是这里有个特例：document.all 本文就来聊聊这个冷知识。 docum...