这是我参与[第四节青训营]笔记创作活动的第二天

前端设计模式应用

设计模式

其他领域：模式语言：城镇，建筑建造 1977
软件领域：设计模式：可复用面向对象软件的基础 1944

设计模式在中国的趋势：

23种设计模式

创建型-如何创建一个对象
结构型-如何灵活的将对象组装成较大的结构
行为型-负责对象间的高效通信和职责划分

浏览器中的设置模式

单例模式

定义：全局唯一访问的对象
应用场景：缓存，全局状态管理

发布订阅模式

用发布订阅实现用户上线订阅 用户上线定义用假函数测试用户上线发布订阅（使用）

javascript中的设计模式

原型模式 基本只在JS中可以实现

定义：复制已有对象创建新的对象
用原型模式创建上线订阅中的用户

代理模式

定义：可自定义控制对原对象的访问模式，并且允许在更新前后做一些额外处理

迭代器模式

定义：在不暴露数据类型的情况下访问集合中的数据

用for of 迭代所有组件

前端框架中的设计模式

代理模式

Vue组件实现计数器

Vue中更新数据后，会生成新的虚拟DOM和旧的虚拟DOM运行diff算法再去解析页面

组合模式

定义：可多个对象组合使用，也可以单个对象单独使用