这是我参与「第四届青训营 」笔记创作活动的第4天
在这节青训营的课程中，老师讲了一下前端开发的时候的一些设计模式，并且讲了一下他的应用。
设计模式分类（23种设计模式）
前端开发的设计模式大致分为以下几类
- 创建型--如何创建一个对象
- 结构型--如何灵活的将对象组装成较大的结构
- 行为型--负责对象间的高效通信和职责划分
单例模式：
- 首先他的定义是：全局唯一访问的对象
- 其次他的应用场景是：缓存，全局状态管理等
- 示例如下所示： 用单例模式实现请求缓存的课堂笔记截图如下
- 用发布订阅模式实现用户上线订阅的代码截图如下：
原型模式
- 首先他的定义是：复制已有对象来创建新的对象
- 其次他的应用场景是：JS种对象创建的基本模式
代理模式
- 首先他的定义是：可自定义控制对原对象的访问方式，并且允许在更新前后做一些额外处理
- 其次他的应用场景是：监控，代理工具，前端框架实现等等
组合模式
- 首先他的定义是：可多个对象组合使用，可以单个对象独立使用
- 其次他的应用场景是：DOM，前端组件，文件目录，部门
前端框架种对DOM操作的代理
他的顺序是首先更改DOM属性=》视图更新，其实其中还有更新虚拟DOM，然后通过Diff来更新视图。
总结：
- 总结出抽象的模式相对比较简单，但是想要将抽象的模式套用到场景中却非常困难
- 线代编程语言的多编程范式带来的更多可能性
- 真正优秀的开源项目学习设计模式并不断实践
