定义 用小的对象来构建更大的对象，而这些小的对象本身也可能是有更小的对象构成。 用途 组合模式将对象组合成树形结构，以表示 部分-整体的层次结构。此外还可通过对象的多态性表现，使得用户对单个对象和组合对象的使用具有一致性。如下： 在命

定义 模板方式是一种只需要继承就可以实现的简单的模式 模板由两个部分结构组成，第一个是抽象类，第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架，包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象父类，

单一职责原则（SRP）就一个类而言，应该仅有一个引起它变化的原因。在 js 中，需要用到类的场景不多。单一职责更多的被运用到对象或者方法级别上。 单一职责原则（SRP）被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法，那么这个方

定义 保证一个类只有一个实例，并提供一个访问它的全局访问点 常见场景 线程池 全局缓存 浏览器中的 window 对象 最简单的单例就是全局创建一个 var a = {}; 使用类创建一个单例对象 var Sing

定义 策略模式就是定义一系列的算法，将他们一个个封装起来。 使用场景在实际开发中，我们需要将算法的含义扩大一些。 比如，策略模式可以有效的拆分 业务逻辑，减少代码中的if .... else....这种分支 假设我们有一个按钮。需要根据

定义 代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。代理模式的关键是当客户不方便直接访问对象或者不满足需要时。提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象 st=>start: 客户 op=>ope

数据结构和算法数据结构，主要需要掌握，数组，栈，队列，链表，树（二叉树） 数组这是一种最简单，最基础的数据结构，在 js 中是原生支持的 栈在 js 中，栈和队列都没有原生的实现，需要依赖数组实现 栈是后进先出的一个数据结构，所以只能用到

具体思维导图在processon中 以下是png

具体思维导图在 processon 中 以下是 png

客户端渲染 vs 服务端渲染 客户端渲染 服务端渲染 请求 多个请求(HTML, 数据等) 1 个请求(HTML) 加载过程 HTML 和数据串行加载 1 个请求返回 HTML 和数据 渲染 前端加载空白 html，然后