一.前端设计模式应用
1.1什么是设计模式
软件设计中常见问题的解决方案模型
- 历史经验的总结
- 与特定语言无关
1.2设计模式背景
- 模式语言:城镇,建筑,建造(1997)
- 设计模式:可复用面向对象软件的基础(1994)
1.3设计模式趋势
1.4设计模式分类
23种设计模式
- 创建型 - 如何创建一个对象
- 结构型 - 如何灵活的将对象，组装成较大的结构
- 行为型 - 负责对象间的高效通信，和职责划分
浏览器中的设计模式
- 单例模式
- 发布订阅模式
- 定义:一种订阅机制，可在被订阅对象上发生变化时通知订阅者
- 应用场景:从系统之间架构的解藕，到业务上一些实现模式，像邮件订阅，上线订阅等等应用广泛。
二.JavaScript中的设计模式
- 原型模式
- 代理模式
- 迭代器模式
2.1原型模式
定义: 复制已有对象来创建新的对象
应用场景: Js中对象创建的基本模式
2.2代理模式
定义: 可自定义控制对原对象的访问模式,并且允许在更新前后做一些额外处理 应用场景:监控,代理工具,前端框架实现等等
2.3迭代器模式
定义: 在不暴露数据类型的情况下访问集合中的数据 应用场景:数据结构中有多种数据类型，树等，提供通用操作接口
三.前端框架中的设计模式
- 代理模式
- 组合模式
前端操作中对DOM操作的代理
四.总结
设计模式不是银弹
- 总结出抽象的模式相对比较简单，但是想要将抽象的模式套用到场景中却非常困难。
- 现代编程语言的多编程范式带来的更多可能性
- 真正优秀的开源项目学习设计模式并不断实践
