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

常见的前端设计模式

单例模式

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

工厂模式

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

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

策略模式

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

适配器模式

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

装饰模式

代理模式

发布订阅模式

也叫观察者模式。

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

相关推荐
lxh01132 分钟前
二叉树中的最大路径和
前端·算法·js
CC码码33 分钟前
前端字符串排序搜索可以更加细化了
前端·javascript·面试
喵爱吃鱼33 分钟前
kuma-ui中Flex vs FlexMin的关键区别
前端
codingMan36 分钟前
[Android Compose] 拒绝闪烁!打造丝滑的聊天页面列表(仿微信效果)
前端
你别追我跑不动38 分钟前
基于代码扫描的 Icon 优化实践
前端·性能优化
磊磊磊磊磊39 分钟前
用AI做了个排版工具,分享一下如何高效省钱地用AI!
前端·后端·react.js
喵爱吃鱼40 分钟前
flex 0 flex 1 flex none flex auto 应该在什么场景下使用
前端
雾散声声慢41 分钟前
解决 iOS 上 Swiper 滑动图片闪烁问题:原因分析与最有效的修复方式
前端·css·ios
Crystal3281 小时前
冒泡排序 bubble sort
前端·javascript·面试
阿蓝灬1 小时前
clientWidth vs offsetWidth
前端·javascript