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

常见的前端设计模式

单例模式

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

工厂模式

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

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

策略模式

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

适配器模式

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

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

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

相关推荐
IT_陈寒10 分钟前
Python性能优化:5个被低估但效果惊人的内置函数实战解析
前端·人工智能·后端
00后程序员张14 分钟前
Fiddler使用教程,全面掌握Fiddler抓包工具的配置方法、代理设置与调试技巧(HTTPHTTPS全解析)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
Rysxt_22 分钟前
Electron 与 uni-app 区别教程:如何选择适合你的跨平台开发框架?
javascript·electron·uni-app·跨平台
前端架构师-老李26 分钟前
15、Electron专题:使用 electron-store 进行本地数据存储
前端·javascript·electron
小白学大数据27 分钟前
双管齐下:结合显式等待与Timeout处理复杂Ajax网页
前端·javascript·ajax
Rysxt_31 分钟前
Electron 教程:从背景到 Vue3 桌面应用开发
前端·javascript·electron
luckyPian39 分钟前
前端+AI:CSS3(二)
前端·css·css3
JiKun1 小时前
一键配置 Web 前端开发环境(PowerShell 自动化脚本)
前端·windows·程序员
合作小小程序员小小店1 小时前
web网页开发,在线%考试,教资,题库%系统demo,基于vue,html,css,python,flask,随机分配,多角色,前后端分离,mysql数据库
前端·vue.js·后端·前端框架·flask