这是我参与「第四届青训营 」笔记创作活动的第3天

前端设计模式应用

浏览器中的设计模式

1. 单例模式 属于创建类型的一种常用的软件设计模式。通过单例模式的方法创造的类在当前进程中只有一个实例。

2. 发布订阅模式 定义：一种订阅机制，可在被订阅对象发生变化时通知订阅者 应用场景：从性能架构之间的解耦，到业务中一些实现模式

Javascript中的设计模式

1. 原型模式 定义：复制已有对象来创建新的对象 应用场景：JS中对象创建的基本模式

2. 代理模式 定义：可自定义控制对原对象的访问方式，并且允许再更新前后做一些额外处理 应用场景：监控，代理工具，前端框架

3. 迭代器模式 定义：在不暴露数据类型的情况下访问集合中的数据 应用场景：数据结构中有多种数据类型，列表，树等，提供通用操作接口

前段框架中对DOM操作的代理 旧：更改DOM属性 -> 视图更新 新：更改DOM属性 -> 更新虚拟DOM -(Diff)> 视图更新

总结

设计模式不是银弹

• 总结出抽象的模式相对简单， 但是想要将抽象的模式套用到实用场景中却十分困难
• 现在编程语言的多编程范式带来的更多可能性
• 真正优秀的设计模式就是不断实践