前端设计模式 | 青训营笔记
- 这是我参与第五届青训营伴学笔记创作活动的第17天
- 介绍了前端常见的设计模式 JS中的常用设计模式 前端框架的设计模式，对于各种设计模式给出了应用场景，如何在开源项目中学习设计模式并且不断实践才是重要的能力。
前端设计模式应用
23种设计模式
- 创建型 如何创建一个对象
- 结构型 如何灵活的将对象组装称较大结构
- 行为型 负责对象间的高效通信和职责划分
浏览器种设计模式
单例模式
发布订阅模式
- 一种订阅机制，可在被订阅对象发生变化时通知订阅者（从系统架构之间的解耦，到业务中的一些实现模式，像邮件订阅，上线订阅等等，应用广泛）
JS中的设计模式
原型模式
- 辅之以有对象来创建新的对象（JS种对象创建的基本模式）
代理模式
- 可自定义控制对元对象的访问方式，并且允许在更新前后做一些额外处理（监控 代理工具 前端框架实现等等）
迭代器模式
- 不暴露数据类型的情况下访问集合中的数据（数据结构中有多种数据类型，列表，树等，提供通用操作接口）
前端框架中的设计模式
代理模式
- 前端框架中对DOM操作的代理
- DOM更新前后的钩子
组合模式
- 可多个对象组合使用，也可单个对象独立使用（DOM 前端组件 文件目录 部门）
