用户9947777328521

手写 事件订阅发布 函数柯里化 Promise 防抖节流 反转二叉树 反转链表 深拷贝 数组去重 数组扁平化...

1.effect中的所有属性，都会收集 effect。 2.当这个属性值发生变化，会重新执行 effect。 下面通过手写简易vue3响应式，深入理解吧。 vue2 是一上...

1. install Vue.use(Router)默认会调用当前返回 VueRouter 对象的 install 方法，挂载路由实例对象到 vue 上。 所有组件都可以通...

下面让我们自己动手实现一个vuex吧。 默认不执行，取值才执行，具有缓存。 4. 获取最新状态...

Vue SSR 指南是这样介绍的。 通俗点讲，就是在服务端渲染好 html 模版返回给浏览器。 通过 webpack 打包两个入口文件，生成各自的 js 和 html。用 ...

执行环境会找出那些不再继续使用的变量，然后释放其占用的内存。 此算法把“对象是否不再需要”简化定义为“对象有没有其他对象引用到它”。如果没有引用指向该对象（零引用），对象将...

只会将对象的各个属性进行依次复制，并不会进行递归复制，也就是说只会赋值目标对象的第一层属性。 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基...

从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)...

每个执行上下文的变量环境中，都包含了一个引用outer，指向外部的执行上下文。当一段代码使用了一个变量时，js引擎会先在当前的执行上下文中查找，如果没有找到，js引擎继续在...

我认为diff算法具备两个特点。 一、高效性：有虚拟dom，必然需要diff算法。通过对比新旧虚拟dom，将有变化的地方更新在真实dom上，另外，通过diff高效的执行比对...

本文将对vue组件如何解析以及渲染做一个讲解。 为了保证组件的隔离，每个组件通过extend方法产生一个新的类，去继承父类。并把用户通过Vue.component方法传入的...

在讲生命周期原理之前，我们还要先讲一下vue.mixin这个和生命周期有关的api。 通俗点讲，就是对Vue构造函数做一些混入操作，影响每个vue实例。 采用策略模式，不同...

watch和computed在使用上有什么不同，相信大家都很清楚。那么让我们深入来看看，他们在实现原理上有什么不同吧？ 详细：一个对象，键是需要观察的表达式，值是对应回调函...

相信看完这篇文章的你，跟我的想法是一样的。 为了实现数据变化影响视图，vue采用了观察者模式，将数据和页面渲染关联起来。通过dep收集依赖，当数据变化时，通知对应watch...

最近在学习vue模版编译原理，整理一下，以后复习用。 参照这张图，一起看看具体怎么实现的吧。 上面我们已经，匹配出 开始标签、文本、结尾标签。那么问题来了，怎么把匹配出来的...

带着这个问题，跟我一起手写vue响应式数据原理，一探究竟吧。 1. 导出vue构造函数 2. init方法中初始化vue状态 3. 根据不同属性进行初始化操作 今天我们就只...

可以看出，vue3指令的钩子和vue2有所区别，其他在写法上与vue2没有太大的区别。 防抖和节流相信大家也很熟悉啦，在这里就不多介绍了。我是这么区别防抖和节流的，多次触发...

使用speed-measure-webpack-plugin，可以看到loader和插件的执行耗时。 使用webpack-bundle-analyzer，构建完成后会在88...

子类的原型指向父类的实例，child子类的构造函数指向child。 1.子类可以重写父类的方法，导致父类的其他实例受到影响。 2.父类中公有或私有的属性，最后都会变成子类中...