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

常见的前端设计模式

单例模式

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

工厂模式

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

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

策略模式

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

适配器模式

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

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

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

相关推荐
一字白首4 分钟前
Vue Router 进阶,声明式 / 编程式导航 + 重定向 + 404 + 路由模式
前端·javascript·vue.js
d111111111d6 分钟前
C语言中static修斯局部变量,全局变量和函数时分别由什么特性
c语言·javascript·笔记·stm32·单片机·嵌入式硬件·学习
广州华水科技11 分钟前
单北斗变形监测在水库安全中的应用与维护该如何实施?
前端
GIS好难学23 分钟前
0帧起手《Vue零基础教程》,从前端框架到GIS开发系列课程
前端·vue.js·前端框架
李瑞丰_liruifengv24 分钟前
使用 Claude Agent SDK 写一个 DeepResearch Agent
javascript·aigc·agent
行走的陀螺仪26 分钟前
重绘和重排怎么触发?怎么优化?
前端·css·性能优化·css3·浏览器原理
尘世中一位迷途小书童28 分钟前
项目大扫除神器:Knip —— 将你的代码库“瘦身”到底
前端·架构·代码规范
StarkCoder29 分钟前
🚫求求你别再手动改类名了!Swift 自动混淆脚本上线,4.3 头发保卫战正式开始!
前端
LYFlied34 分钟前
Vue Vapor模式与AI时代前端发展的思考:虚拟DOM与框架的未来
前端·vue.js·人工智能·前端框架
江公望36 分钟前
VUE3 动态Prop 10分钟讲清楚
前端·javascript·vue.js