最近在搬砖的时候，遇到一个场景，需要根据已存在的联合类型，将其转为交叉类型： {代码...} 期望通过 Uinon2Intersection 转换后，得到的 Result： {代码...} 刚开始感觉很简单。我想已经会了类型体操基本动作四件套了。通过遍历联合类型，然后遍历的时候通过 key ...

今天插一段题外话，最近团队新增了一个 HC，面试候选人的过程中，看他简历，履历很牛逼，并且里面写的精通 TypeScript。我想那我们就问一个很基础的问题吧，你了解 Typscript 的 extends 关键字吗？它都会在那几个场景下使用？结果很失望，即使在我写出了 extends 的...

今天学习 TypeScript 的一种新的转换类型操作：索引映射类型——IIMT(Immediately Indexed Mapped Type)。

最近在练习 type-challenges。虽然在先前的博文中有介绍过 infer 关键字的使用，但是直到我在 type-challenges 中使用的时候，才体会到这个关键字的强大之处。这个的感觉有多强大，打个比喻：

如果你还没有使用过Transition组件或者对其不熟悉，那么我建议你可以先学习官方文档，写一些demo，当熟悉了Transition组件之后，但是又对其原理有所好奇，就可以再回来学习这篇文章。官方文档👉传送门。

在上一篇中，我们知道render函数最终是通过baseCreaterenderer创建的。当通过createApp API 创建的组件实例调用mount方法挂载组件的时候，其实mount方法也是通过调用render方法。完成组件的渲染工作。这篇文章主要分析是对baseCreateRender函数源码进行分析。baseCre...

KeepAlive组件是Vue中的内置组件，主要用于保留组件状态或者避免组件重新渲染。 KeepAlive组件接受三个Props属性：include - string | RegExp | Array。只有名称匹配的组件会被缓存。exclude - string | RegExp | Array。任何名称匹配的组件都不会被缓存。max - numb...

前置铺垫：schedler的源码虽然只有二百多行，并且与组件更新前后、更新中的所有执行的【任务】有关。【任务】在这里有比较抽象，理解起来比较困难。好在有一点就是我们在上一篇的文章中有理解到一个任务：watch Effect。我们就可以结合这个job，对scheduler进行分析...

Vue的nextTick api的实现部分是Vue里比较好理解的一部分，与其他部分的代码也非常的解耦，因此这一块的相关源码解析文章很多。我本来也不准备单独写博客细说这部分，但是最近偶然在别人的文章中了解到：每轮次的event loop中，每次执行一个task，并执行完microtask队...

Vue3 diff算法图解分析大家好，我是剑大瑞，本篇文章主要分析Vue3 diff算法，通过本文你可以知道：diff的主要过程，核心逻辑diff是如何进行节点复用、移动、卸载并有一个示例题，可以结合本文进行练习分析如果你还不是特别了解Vnode、渲染器的patch流程，建议先阅读...

大家好，我是剑大瑞。这边文章主要分析Vue3中watch API的使用 & 实现原理，希望文中的内容对你有所帮助。如果有错误之处还望指正。我会非常感谢你的。如果没有对Vue3的响应式原理不熟悉，建议先阅读第一篇Vue3 reactivity 源码解析。computed API在上篇文章中我们分...