在前端开发中用到了哪些设计模式?

1.单例模式

确保一个类只有一个实例,提供一个全局访问点,vue就是一个单例模式,在前端开发中,常用于管理全局状态、共享资源或创建唯一的对象实例

2.观察者模式

双向数据绑定的原理就是观察者模式

3.工厂模式

定义一个用于创建对象的接口,由子类决定实例化哪个类,在前端开发中常用于根据不同的条件或配置创建不同类型的对象,例如组件工厂、路由工厂

4.适配器模式

将一个类的接口转换为客户希望的另一个接口,在前端开发中,常用于解决不同组件库的接口不兼容的问题,或对外部数据进行格式转换

5.装饰器模式

动态地给对象添加额外的职责,同时又不改变其原有的结构,在前端开发中常用于给组件或函数添加额外的功能,例如日志记录、性能检测等

6.命令模式

将一个请求封装为一个对象,从而使得你可以用不同的请求对客户进行参数化,在前端开发中,常用于实现可撤销的操作、异步请求的管理等

7.迭代器模式

遍历数组、集合或异步数据流

8.组合模式

将对象组合成树形结构以表示“部分-整体”的层次结构,使得用户对单个对象和组合对象的使用具有一致性,在前端开发中常用于构建复杂的组件结构、树形导航等

9.策略模式

定义一系列的算法,将每个算法封装起来,并使他们可以互相转换,在前端开发中常用于根据不同的策略处理相同类型的数据或事件,例如表单验证、排序算法等

10.发布订阅模式

组件间的通信

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在我的项目,我使用了单例模式和观察者模式。在使用mybatis框架时,我使用了单例模式来创建SqlSessionFactory对象,以提高性能。而在其他地方,我使用了观察者模式来定义对象间的一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。这在我的项目非常有用,特别是在实现监听器功能时。 #### 引用[.reference_title] - *1* [项目开发常见的设计模式(23种)](https://blog.csdn.net/shuihuayueye/article/details/107305594)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [项目使用到设计模式](https://blog.csdn.net/weixin_30411239/article/details/99889827)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [面试:你都在项目用了哪些设计模式?](https://blog.csdn.net/qq_31279347/article/details/82462336)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王 歪歪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值