明教教主张5G

今天来讨论一道比较八股的问题，看下面这段代码： 输出结果是： 看起来非常诡异的结果。前面三个打印结果按照常规理解没问题，分别输出 1、2、3，但是在块级作用域以外的打印不是函数也不是 3，而是 2。

Vue 3 中 Ref 实现原理解析 在 Vue 3 中，ref 是组合式 API（Composition API）的核心。很多开发者虽然会用，但对其内部运作机制、ref 与 reactive 的关系

1. 问题描述 上面这段代码的输出结果是: 在这段代码中我们首先声明了一个函数 fn， 函数内部将参数 name 赋值给 this 的 name 属性；随后将变量 fn 通过 bind 函数绑定了一个

diff 算法主要用于比较更新前后两个虚拟 DOM 树，目的是能够实现对真实 DOM的高效更新，保证页面在数据变化时只进行最小程度的 DOM 操作。 vue2中采用的是双端diff算法，而vue3对其

前端开发小伙伴在构建项目的时候肯定会接触到包管理工具，目前主流的包管理工具包括npm、yarn 和 pnpm。其中 pnpm 全名是 Performant npm，它相比于传统的 npm 在多个方面都

1. 数组 includes 方法在响应式系统中存在的问题 通过前文# Vue响应式原理(10)-数组的索引和length的介绍我们意识到，数组的方法内部其实都依赖了对象的基本语义。所以大多数情况下，

数组的可以通过 for...of 形式遍历元素，同样数组作为对象也可以用 for...in 形式来遍历 key 值。那么如果我们在副作用函数中对数组进行遍历，该如何进行依赖收集和依赖触发呢？ 1. f

在之前的文章中，我们的响应式对象都是普通的对象形式，这本文中将要介绍对数组的代理。在 JavaScript 中数组其实就是一种特殊的对象，因此我们需要了解数组与普通对象到底存在什么区别。 其实主要区别

在前面的文章中，我们重点对副作用注册函数 effect、依赖收集函数 track 和依赖触发函数 trigger 做了原理解释和代码编写。而对于响应式对象的代理，我们还未做深入的探讨和了解。截至目前，