#Js篇:前端的设计模式有哪些

常见的前端设计模式

单例模式

  1. 保证一个类仅有一个实例,并提供一个访问他的全局访问点;vuex
  2. 常用于管理全局状态、配置信息等。

工厂模式

  1. 一个用于创建对象的接口,让子类决定实例化哪个类;

  2. 创建复杂对象或对象的组合。

策略模式

  1. 一系列算法,将每个算法封装起来,并使他们可以互换;
  2. 长于用在运行时选择算法。

适配器模式

  1. 将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不匹配而无法一起工作的那些类可以一起工作。

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

比如我们点击一个按钮触发了点击事件就是使用了该模式

相关推荐
代码续发4 小时前
自定义指令
javascript·vue.js·ecmascript
star learning white4 小时前
xm C语言12
服务器·c语言·前端
tabzzz4 小时前
大道至简:万字漫谈前端性能监控
前端·javascript·性能优化
0思必得04 小时前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
小胖霞4 小时前
全栈系列(15)github Actions自动化部署前端vue
前端·node.js·github
未来魔导4 小时前
基于 Gin 框架的 大型 Web 项目推荐架构目录结
前端·架构·gin
alibli5 小时前
一文学会设计模式之结构型模式及最佳实现
c++·设计模式
foundbug9995 小时前
Modbus协议C语言实现(易于移植版本)
java·c语言·前端
Luna-player5 小时前
在前端中list.map的用法
前端·数据结构·list
用户47949283569155 小时前
面试官问 React Fiber,这一篇文章就够了
前端·javascript·react.js