一步一个👣

在现代前端工程化的历史中，webpack 这个炙手可热的模块打包工具占据着打包编译界的半壁江山，它拥有丰富的插件生态和强大的编译能力，也正因为其过于“强大”导致在升级时会出现各种各样的兼容等问题，这点

代理模式 是为一个对象提供一个代用品或者占位符，以便控制对它的访问。代理模式 的关键在于当需求方不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，需求方实际上访

单例模式 是基本设计模式之一，其核心在于 确保只有一个实例，并提供全局访问。在 JS 中虽然全局变量不是单例模式 ，但是日常开发中经常会把它当作 单例模式 来看待。

定义 策略模式 是一种常见且有效的设计模式。它指的是定义一系列的算法，把它们一个个封装起来，并且使他们能够相互替换。策略模式 的本质在于将 算法的使用和算法的实现分离开来。

众所周知 JavaScript 的 Object 和 Map 这两种数据结构很相似， 但深究底层原理来看，这两者本质上还是存在了不少差异，通过区别比较能帮助我们更好地理解它们的用处和使用场景。

ECMAScript6 实现了 class ，实际上它是一个语法糖，但是它的出现能使 JS 编码更清晰，更接近 面向对象编程。 实现原理 首先我们来看 ES6 中 class 的实现和 ES5 构造函