小灰灰的空间

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第N天，点击查看活动详情 前言 事件循环机制 我们都知道 JavaScript 是一门单线程语言，那么在 js 中定义的任务就会一个

异步组件 为什么需要异步组件 在进行首屏性能优化时，最常用的方法就是对于文件的拆分和代理的分离，按需加载的概念也是在这个前提下引入的。因此在 Vue 开发过程中，我们会把一些非首屏的组件设计成异部组件

组件基础 组件是 Vue 一个重要核心，在项目工程化时，会将页面结构组件化。组件化以为这独立和共享，这两个结论并不矛盾。独立的组件可以让开发者在开发组件时能够专注某个功能的开发和扩展，而组件的设计理念

代理基础 ES 6 中新增了代理和反射为开发者提供了拦截并向基本操作嵌入额外行为的能力。可以给目标对象定义一个关联一个代理对象，而这个代理对象抽象的目标对象来使用。在对目标对象的跟踪操作影响到目标对象

迭代器模式 可迭代对象是一种抽象的说法，基本上可以将可迭代对象理解成，数组或者集合这样的集合类型的对象，他们包含的元素都是有限的，而且都是无歧义的遍历顺序 迭代器是按需创建的一次性对象，每个迭代器都会

虚拟 DOM 的创建 什么是虚拟 DOM 为什么使用虚拟 DOM 虚拟 DOM 是为了解决频繁的操作 DOM 元素引发性能问题的产物。当使用 JS 脚本操作 DOM 元素时，会引发浏览器的回流或者重绘

实例挂载基本流程 Vue 在选项合并完成之后，进行了一系列函数调用，这些函数包括了初始化事件中心、定义渲染函数等等。在 _init 方法的最后，会对象 el 选项进行判断，如果 el 选项存在，则会调

选项合并策略分析（2） 选项合并策略分析（1） 生命周期钩子函数合并策略 在 Vue 中，生命周期是一个很重要的知识点，我们可以在生命周期各个阶段做不同的事情。现在我们来看一下 Vue 生命周期钩子函

选项合并策略分析 在对 props inject directive 三个选项转换成统一格式之后，即开始合并选项，看一下选项合并的代码 合并选项时，优先使用自定义合并策略，如果自定义选项策略不存在，则