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

常见的前端设计模式

单例模式

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

工厂模式

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

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

策略模式

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

适配器模式

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

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

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

相关推荐
青青家的小灰灰3 分钟前
金三银四面试官最想听的 React 答案:虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
HelloReader4 分钟前
深入理解 Tauri 架构与应用体积优化实战指南
前端
lemon_yyds4 分钟前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
codingWhat5 分钟前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
重庆穿山甲9 分钟前
Java开发者的大模型入门:Spring AI Alibaba组件全攻略(二)
前端·后端
光影少年11 分钟前
在 React 中,什么情况下需要用 useCallback 和 useMemo?它们的区别是什么?
前端·react.js·掘金·金石计划
大雨还洅下12 分钟前
前端 JS: async, await; Generator
javascript
合天网安实验室12 分钟前
H2O-3反序列化漏洞分析(CVE-2025-6507&CVE-2025-6544)
前端·黑客
juejin_cn12 分钟前
[转][译] 从零开始构建 OpenClaw — 第三部分(元技能)
javascript
袋鱼不重13 分钟前
Typescript 核心概念
前端·typescript