前端设计模式概述
1.
设计模式概念和背景解读
——
1）模式语言：城镇、建筑、建造
2）设计模式：可复用面对对象软件的基础；23种设计模式：创建型、结构型、行为型
**2.**设计模式分类枚举
——
1）单例设计模式的作用
单例模式，是一种常用的软件设计模式。通过单例模式可以保证系统中，应用该模式的这个类只有一个实例。即一个类只有一个对象实例。
2）
单例设计模式实现步骤将构造方法私有化，使其不能在类的外部通过new关键字实例化该类对象。在该类内部产生一个唯一的实例化对象，并且将其封装为private static类型的成员变量定义一个静态方法返回这个唯一对象。
3）单例设计模式的类型根据实例化对象的时机单例设计模式又分为以下两种:饿汉单例设计模式、懒汉单例设计模式
**3.**浏览器中主要的设计模式
——
1）单例模式：定义-全局唯一访问对象；应用场景-缓存，全局状态管理
2）发布模式：定义-一种订阅机制，可在被订阅对象发生变化时通知订阅者；应用场景-从系统架构之间的解耦，到业务中一些实现模式，像邮件订阅，上线订阅等等，应用广泛JavaScript
和前端框架中的设计模式
1.JavaScript****三大设计模式
——
1）原型模式：定义-复制已有对象来创建新的对象；应用对象-JS中对象创建的基本模式
2）代理模式：定义-可自定义控制对原对象的访问方式，并且允许在更新前后做一些额外处理；应用场景-监控，代理工具，前端框架实现等等
3）迭代器模式：定义-在不暴露数据类型的情况下访问集合中的数据；应用场景-数据结构中有多种数据类型，列表，树等，提供通用操作接口（用for of迭代所有组件）
**2.**前端框架中的设计模式
——
1）代理模式：代理模式(Proxy Pattern)：代理模式是Java常见的设计模式之一。所谓代理模式是指客户端并不直接调用实际的对象，而是通过调用代理对象，来间接的调用实际的对象。通俗的来讲代理模式就是我们生活中常见的中介。
为什么使用代理模式？
隔离作用：在某些情况下，一个客户类不想或者不能直接引用一个委托对象，而代理类对象可以在客户类和委托对象之间起到中介的作用，其特征是代理类和委托类实现相同的接口。
开闭原则：代理类除了是客户类和委托类的中介之外，我们还可以通过给代理类增加额外的功能来扩展委托类的功能，这样做我们只需要修改代理类而不需要再修改委托类，符合代码设计的开闭原则。
vue
组件实现计数器
2）组合模式：定义-可多个对象组合使用，也可单个对象独立使用；应用场景-DOM，前端组件，文件目录，部门
