JasonChen

VScode 调试 js文件代码调试，设置断点，按 F5 进入 调试模式。 栈 是一个 后进先出 的数据结构。 js中没有栈，可以通过 数组 来实现。...

前言 排序算法 用于对一组数据按照特定顺序进行排列。排序算法 的选择对于数据处理的效率和性能至关重要。快速排序（Quick Sort） 是一种基于 分治策略 的排序算法，运...

前言 前面我们分别对 Vue 的 响应式、render、编译器 等内容的分析，至此我们还剩下最后一块内容，即 createAPP 函数的讲解。本篇也是 Vue3 源码解析系...

前言 前面我们分别分析了 compiler 编译器中 ast 对象、transform 函数，接下来我们就来分析下编译器的最后一部分 generate 函数，该函数主要将 ...

前言 上一篇我们分析了 compiler 编译器中 template 是如何转换为 ast 对象的，本篇我们先来分析下 transform 函数是如何将 AST 转换为 J...

前言 前面我们分别对 Vue 的 响应式、h 函数、render 函数、diff 算法 的讲解，接下来我们就来分析下 compiler 编译器。 编译器 是一个非常复杂的概...

前言 上一篇我们分析了 diff 算法的前四步逻辑，第五步 乱序比对 逻辑 Vue 又分了三步来进行，那什么是 乱序比对 呢？我们知道节点的比较存在新增、删除、位置交换、内...

前言 前面文章中我们都是讨论了单个子节点的更新，如果新旧子节点为多个，那么它们更新时就存在节点位置的交换、新增、删除、插入等场景。Vue 中主要通过 patchKeyedC...

前言 组件 的渲染除了之前提到的情况外， 在 Composition Api 中还可以通过 setup 方法来进行，那它是如何运行的呢？我们来逐一分析。...

前言 上篇我们分析了 组件生命周期 钩子函数是如何运行的，那 组件生命周期 钩子函数中是如何访问 响应式数据，以及组件生命周期中 响应式数据 改变是如何引起 视图 的改变呢...

前面我们分别分析了 有状态 和 无状态 组件的渲染更新，除此之外 组件 还定义了一些 生命周期 钩子函数，具体可查看 官方文档，本篇就来逐一分析各个生命周期钩子函数是如何调...

前言 我们知道 组件 分为 有状态组件 和 无状态组件，上篇我们已经分析了 无状态组件，本篇我们就来讲解下 有状态组件 的挂载更新。...

前言 前面我们分析了 render 函数对 虚拟 DOM 的渲染、更新、删除等，以及 DOM 的属性、样式、事件的挂载更新，本篇我们就来看下render函数是如何对comp...