Carsonhuang

上篇分析了组件化的创建、patch、配置合并，这一篇就来讲一讲组件化的生命周期、组件注册、异步组件三部分。

所谓组件化，就是把页面拆分成多个组件，每个组件依赖的 CSS、JavaScript、模板、图片等资源可以放在一起开发和维护。组件是资源独立的，组件在系统内部可复用，组件与组件之间可嵌套。

Vue.js 一个核心思想是数据驱动。所谓数据驱动就是指视图是由数据驱动生成的，对视图的修改，不会直接操作 `DOM`，而是通过修改数据。本文主要分析模板和数据如何渲染成最终的 DOM。

策略模式的定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 假设年终奖根据工资基数和绩效等级来发放。比如，绩效为 S 的人可以获得 4 倍工资，绩效为 A 的人可以获得 3 倍工资，绩效为 B 的人可以获得 2 倍工资。这时，可以编写代码来计算年终奖，需要…

代理模式是一个对象不能直接访问另一个对象，需要一个第三者代理从而间接达到访问目的。 上面的代码中，ProxyImg 对 RealImg 做了代理，访问者不能直接访问 RealImg，只能通过 ProxyImg 对目标对象间接访问，这样子对目标进行了保护。 当用户需要访问主体 A…

实现单例模式并不难，无非就是使用一个变量来标志当前是否已经为某个类创建过实例，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。代码如下所示： 虽然上面通过 Singleton.getInstance 来获取 Singleton 类的唯一对象，实现了单例模式的编写，但…

事件循环不仅仅包含事件队列，而是具有至少两个队列，除了事件，还要保持浏览器执行的其他操作。这些操作被称为任务，并且分为两类：宏任务（或通常称为任务）和微任务。首先看下什么是宏任务和微任务。 宏任务：包括创建主文档对象、解析 HTML、执行主线（或全局）JavaScript 代码…

代理（Proxy）是我们通过代理控制对另一个对象的访问。通过代理可以定义当对象发生交互时可执行的自定义行为——如读取或设置属性值，或调用方法。可以将代理理解为通用化的setter与getter，区别是每个setter与getter仅能控制单个对象属性，而代理可用于对象交互的通用…

this是JavaScript中的一个关键字，但是想要搞清楚它是怎么使用的，却不是那么的容易。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞懂this到底是如何绑定的吧！ …