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

常见的前端设计模式

单例模式

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

工厂模式

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

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

策略模式

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

适配器模式

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

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

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

相关推荐
WYiQIU15 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登15 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀15 小时前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia16 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep16 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
行走的陀螺仪17 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115617 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger18 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登18 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B73818 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js