前端设计模式应用
这是我参与「第四届青训营 」笔记创作活动的的第1天,该篇笔记是对前端设计模式这节课的知识总结和我自己个人的理解总结。
1 什么是设计模式?
是指软件设计中常见问题的解决方案模型
(是经验的总结,与语言无关)
从中可以学习的是方案的思想 思路 :wink:
2 设计模式分类
- 创建型 如何创建对象
- 结构型 将对象组装成结构
- 行为型 负责对象间的高效通信和职责划分
3 在前端浏览器中设计模式的应用
- 单例模式
也就是全局唯一访问对象。在缓存,全局状态管理等场景中应用
- 发布订阅模式
一种订阅机制,可在被订阅对象发生变化时通知订阅者。用于系统架构之间的解耦,真实业务中的实现模式等等广泛应用
4 js设计模式
- 原型模式
复制已有对象来创建新的对象 对象创建的基本模式
相当于创建了一个原型接口,可用于创建重复的对象
- 代理模式
可自定义控制对原对象的访问方式,允许在更新前后有额外处理。
常用于监控,代理工具,前端框架实现等
创建对象的对象 提供功能接口
- 迭代器模式
不暴露数据类型下访问集合中的数据
当数据类型中有多种数据类型,可以使用迭代器模型提供通用的操作接口
顺序访问集合对象的元素 用for of 迭代所有组件
5 前端框架设计模式
- 代理模式
- 组合模式:可对多个对象组合使用, 也可单个对象单独使用
尾声:
这节课学习了常见的前端设计模式,在如今变化如此之快的背景下,要时时学习丰富。学习这些设计模式的思路想法,吸收成为自己的东西。