当前位置: 首页 > news >正文

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

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

  • 1.单例模式
  • 2.观察者模式
  • 3.工厂模式
  • 4.适配器模式
  • 5.装饰器模式
  • 6.命令模式
  • 7.迭代器模式
  • 8.组合模式
  • 9.策略模式
  • 10.发布订阅模式

1.单例模式

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

2.观察者模式

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

3.工厂模式

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

4.适配器模式

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

5.装饰器模式

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

6.命令模式

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

7.迭代器模式

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

8.组合模式

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

9.策略模式

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

10.发布订阅模式

组件间的通信

http://www.lryc.cn/news/338497.html

相关文章:

  • ES6 的解构赋值
  • 蓝桥杯物联网竞赛_STM32L071KBU6_全部工程及国赛省赛真题及代码
  • 关于UCG游戏平台的一些思考
  • 一起学习python——基础篇(20)
  • 云服务器安装Mysql、MariaDB、Redis、tomcat
  • Android笔记--MediaCodec(二)
  • 【Java探索之旅】方法重载 递归
  • 多输入多输出 | Matlab实现XGboost多输入多输出预测
  • 【设计模式】3、builder 建造者模式
  • 使用ROCm的HIP API向量加法程序
  • Vue3---基础7(Props)
  • 第一节:什么是操作系统
  • Day:007(1) | Python爬虫:高效数据抓取的编程技术(scrapy框架使用)
  • Echarts使用dataTool写可自定义横坐标的盒须图(箱线图)
  • SpringBoot编写一个SpringTask定时任务的方法
  • 【Qt编译】ARM环境 Qt5.14.2-QtWebEngine库编译 (完整版)
  • vue简单使用二(循环)
  • JavaScript入门--变量
  • 给自己的机器人部件安装单目摄像头并实现gazebo仿真功能
  • 用AI的视角看世界
  • MATLAB 自定义实现点云法向量和曲率计算(详细解读)(64)
  • 拯救鲨鱼!Helping wireshark!wireshark未响应解决方法
  • 设计模式之责任链讲解
  • K8s: 将一个节点移出集群和相关注意事项
  • Python学习笔记24 - 学生信息管理系统
  • 【物联网应用案例】某制造企业电锅炉检测项目
  • 设计模式实践
  • 嵌入式学习52-ARM1
  • Java(MySQL基础)
  • 预约系统的使用