当前位置： 首页 > news >正文

前端需要理解的设计模式知识

news 2026/3/28 7:32:24

设计模式的原则：1. 单一职责原则（一个对象或方法只做一件事） 2. 最少知识原则（尽可能少的实体或对象间互相作用） 3. 开放封闭原则（软件实体具有可扩展且不可修改）

设计模式是通过代码设计经验总结出的解决问题的一系列套路。

1 单例模式

保证只有一个实例且提供全局访问点。

优点是避免频繁创建和销毁实例，减少内存占用。缺点是不适合需动态扩展对象或创建多个相似对象的场景。

应用于：1. 第三方库的引入 2. 弹窗 3. 购物车 4.全局状态管理（vuex） 5. 连接数据库的线程池。

JavaScript单线程，不涉及同步锁的问题。

模式实现：

惰性弹窗：

 

2 发布-订阅模式

基于一个事件（主题）通道，接收对象subscriber通过自定义事件订阅主题，被激活的对象publisher通过发布主题通知订阅该主题的subscriber。常规是订阅后，发布才通知，也可订阅后，获取之前发布的通知。

优点是时间解耦（实现异步）、空间解耦，弱化对象实体间的引用关系，事件中心可更细粒度处理。缺点是复杂场景不易追踪维护和理解，事件中心等额外时间内存开销。

应用：1. JQuery的on 2. vue的响应式 3. vue父子组件通信$on / $emit

模式实现：

 

相关文章：

前端需要理解的设计模式知识

设计模式的原则：1. 单一职责原则（一个对象或方法只做一件事） 2. 最少知识原则（尽可能少的实体或对象间互相作用） 3. 开放封闭原则（软件实体具有可扩展且不可修改） 设计模式是通过代码设计经验总…...

编程日记 2023/8/26 14:37:39

1、攻防世界第一天

1、网站目录下会有一个robots.txt文件，规定爬虫可以/不可以爬取的网站。 2、URL编码细则：URL栏中字符若出现非ASCII字符，则对其进行URL编码，浏览器将该请求发给服务端；服务端会可能会先对收到的url进行解码&#xff0…...

编程日记 2023/8/26 14:36:38

分布式事务（7）：SpringCloud2.0整合LCN

目前LCN版本已经升级为4.0了，但是官方没有SpringCloud2.0的demo案例。 因为LCN本身是开源的，有些大神对LCN框架源码做修改，可以支持SpringCloud2.0版本。 下载地址：https://download.csdn.net/download/u013938578/88251904 1 下载LCN服务端源码 https://download.csdn.…...

编程日记 2023/8/26 14:35:34

机器学习实战14-在日本福岛核电站排放污水的背景下,核电站对人口影响的分析实践

大家好，我是微学AI，今天给大家介绍一下机器学习实战14-在日本福岛核电站排放污水的背景下,核电站对人口影响的分析实践。 近日，日本政府举行内阁成员会议，决定于2023年8月24日启动福岛核污染水排海。当地时间2023年8月24日13时&am…...

编程日记 2023/8/26 14:34:32

4G智慧电力物联网：建设高效智能，引领电力行业革新！

随着4G与物联网技术的快速发展为电力行业提供了更高效、可靠、智能化的解决方案。本文中智联物联将为大家分享智慧电力系统中的一些关键的物联网技术和通讯设备，如工业4G路由器、分布式发电站、数据采集传输、远程监控管理以及变电站监测。 光伏发电站是电力行业中重…...

编程日记 2023/8/26 14:33:31

安防视频监控平台EasyCVR视频集中存储平台接入RTSP设备出现离线情况的问题解决方案

安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快，可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等，以及支持厂家私有协议与SDK接入，包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安…...

编程日记 2023/8/26 14:32:30

达梦数据库分区表介绍

概述 本文将对达梦数据库分区表概念、创建、维护进行介绍。 1.分区表概念 1.1 分区表使用场景 近几年，随着移动支付快速发展，银行交易系统中【移动小微支付场景】使用越来越多，系统中流水账单表数据量巨大，往往上TB。 为了提高…...

编程日记 2023/8/26 14:31:29

Python爬虫库之urllib使用详解

一、Python urllib库 Python urllib 库用于操作网页 URL，并对网页的内容进行抓取处理。 Python3 的 urllib。 urllib 包 包含以下几个模块： urllib.request - 打开和读取 URL。 urllib.error - 包含 urllib.request 抛出的异常。 urllib.parse - 解…...

编程日记 2023/8/26 14:30:28

SpringCloud学习笔记(八)_使用Apollo做配置中心

由于Apollo支持的图形化界面相对于我们更加的友好，所以此次我们使用Apollo来做配置中心 本篇文章实现了使用Apollo配置了dev和fat两个环境下的属性配置。 Apollo官方文档https://github.com/ctripcorp/apollo/wiki 1.下载依赖 从https://github.com/ctripcorp/apo…...

编程日记 2023/8/26 14:29:26

jvs-rules（规则引擎）更新：新增功能介绍

jvs-rules更新内容 1.复合变量新增数据补充节点，实现请求回来的数据再以入参方式请求其他数据进行数据补充（例如通过参数A，请求回数据B，再以数据B为入参，请求回数据C） 2.规则流结束节点支持新增、新建、引…...

编程日记 2023/8/26 14:28:25

消息队列的消息异常处理

目录 1.如果消费端发生异常导致消息消费失败，补偿策略是什么 2.消息队列重试的话，如何保证消费的幂等性？ 3.消息重发机制 1.如果消费端发生异常导致消息消费失败，补偿策略是什么 生产者发送消息失败： 设置mandato…...

编程日记 2023/8/26 14:27:24

APP上线为什么要提前部署安全产品呢？

一般平台刚上线或者日活跃量比较高的时候，很容易成为攻击者的目标，服务器如果遭遇黑客攻击，资源耗尽会导致平台无法访问，业务也无法正常开展，服务器一旦触发黑洞机制，就会被拉进黑洞很长一段时间&#xff0…...

编程日记 2023/8/26 14:26:23

SQL注入之HTTP头部注入

文章目录 cookie注入练习获取数据库名称获取版本号 base64注入练习获取数据库名称获取版本号 user-agent注入练习获取数据库名称获取版本号 cookie注入练习 向服务器传参三大基本方法:GPC GET方法，参数在URL中 POST，参数在body中 COOKIE，参数…...

编程日记 2023/8/26 14:25:23

软考高级系统架构设计师系列论文九十七：论软件三层结构的设计

软考高级系统架构设计师系列论文九十七：论软件三层结构的设计 一、软件结构相关知识点二、摘要三、正文四、总结一、软件结构相关知识点 软考高级系统架构设计师：软件架构设计系列二二、摘要 随着中间件与Web技术的发展，三层或多层分布式应用体系越来越流行。在这种体系结构…...

编程日记 2023/8/26 14:24:22

【C++心愿便利店】No.2---函数重载、引用

文章目录 前言🌟一、函数重载🌏1.1.函数重载概念🌏1.2.C支持函数重载的原理 -- 名字修饰 🌟二、引用🌏2.1.引用的概念🌏2.2.引用特性🌏2.3.常引用🌏2.4.使用场景🌏2.5.传…...

编程日记 2023/8/26 14:23:20

掌握Six Sigma：逐步解锁业务流程优化的秘密之匙

一、Six Sigma方法简介 1. Six Sigma的起源和概念 Six Sigma起源于1980年代的摩托罗拉公司。当时的摩托罗拉在面临激烈的全球竞争和持续的质量问题时，发明了这种系统的管理方法，并通过实施，获得了显著的成绩。 所谓的“Six Sigma”&#x…...

编程日记 2023/8/26 14:22:18

Python中使用print()时如何实现不换行

平时刷题的时候大家可能会发现打印字符的时候需要你不换行才能得到正确答案，那么如何实现的。下面直接看例子。 使用print()函数时其实还有个默认的参数end，来看看具体怎么回事 list [a,b,c] for i in list:print(i)打印结果： 这是不加参…...

编程日记 2023/8/26 14:21:17

WordPress使用子主题插件 Child Theme Wizard，即使主题升级也能够保留以前主题样式

修改WordPress网站样式，主题升级会导致自己定义设置的网站样式丢失，还需要重新设置，很繁琐工作量大，发现在WordPress 中有Child Theme Wizard子主题插件，使用Child Theme Wizard子主题插件，即使主题升级&am…...

编程日记 2023/8/26 14:20:16

人员跌倒检测识别预警

人员跌倒检测识别预警系统通过pythonopencv深度学习网络模型架构，人员跌倒检测识别预警系统实时监测老人的活动状态，通过图像识别和行为分析算法，对老人的姿态、步态等进行检测和识别，一旦系统检测到跌倒事件，立即发出…...

编程日记 2023/8/26 14:19:15

C#，《小白学程序》第二课：数组与排序

1 文本格式 /// <summary> /// 《小白学程序》第二课&#xff1a;数组与排序 /// </summary> /// <param name"sender"></param> /// <param name"e"></param> private void button2_Click(object sender, EventArgs …...

编程日记 2023/8/26 14:18:13

反激电源设计避坑：空载炸管、RCD吸收烧电阻？聊聊DCM模式下那些容易忽略的细节

反激电源实战陷阱解析&#xff1a;从空载炸管到RCD失效的深度拆解 实验室里弥漫着焦糊味&#xff0c;示波器上那条本该稳定的波形突然飙升——这可能是每个电源工程师都经历过的噩梦时刻。反激拓扑看似简单&#xff0c;但当你的设计从仿真进入实测阶段&#xff0c;各种"幽…...

编程新知 2026/3/28 7:19:00

颠覆3种时间黑洞：用Obsidian日历重构你的工作流

颠覆3种时间黑洞&#xff1a;用Obsidian日历重构你的工作流 【免费下载链接】obsidian-full-calendar Keep events and manage your calendar alongside all your other notes in your Obsidian Vault. 项目地址: https://gitcode.com/gh_mirrors/obs/obsidian-full-calendar…...

编程新知 2026/3/28 6:52:50

git -- 替换项目已经存在的 git 远程仓库地址

要将项目中的 Git 远程仓库地址修改为新的地址&#xff08;http://192.168.3.32:9980/java/transketch-portal-backend&#xff09;&#xff0c;你可以按照以下步骤操作&#xff1a;方法一&#xff1a;使用 Git 命令行打开终端或命令提示符导航到你的项目目录运行以下命令&…...

编程新知 2026/3/28 6:00:25

南北阁4.1-3B WebUI代码实例：TextIteratorStreamer多线程流式实现解析

南北阁4.1-3B WebUI代码实例&#xff1a;TextIteratorStreamer多线程流式实现解析 今天咱们来聊聊一个特别有意思的项目——一个为南北阁4.1-3B模型量身定做的Web交互界面。如果你用过Streamlit&#xff0c;可能会觉得它的界面有点“官方”&#xff0c;布局也比较固定。但这个…...

编程新知 2026/3/28 5:22:03

Z-Image-GGUF模型解析：C语言视角下的文件读写与GGUF格式处理

Z-Image-GGUF模型解析&#xff1a;C语言视角下的文件读写与GGUF格式处理 你是不是也好奇&#xff0c;那些动辄几十GB的大模型文件&#xff0c;计算机到底是怎么“看懂”并加载它们的&#xff1f;今天我们不聊高层的API调用&#xff0c;而是拿起C语言这把“手术刀”&#xff0c…...

编程新知 2026/3/28 5:18:01

软件测试员转型AI测试：机遇与挑战全解析

技术浪潮下的必然选择在人工智能技术席卷全球的浪潮中&#xff0c;软件测试领域正经历前所未有的变革。2026年数据显示&#xff0c;AI在测试行业的渗透率已超40%&#xff0c;新发AI测试岗位量同比增长543%&#xff0c;薪资溢价高达18%。这一趋势迫使测试从业者直面转型抉择&…...

编程新知 2026/3/28 4:42:02

哔哩下载姬DownKyi实用指南：从新手到高手的进阶之路

哔哩下载姬DownKyi实用指南&#xff1a;从新手到高手的进阶之路 【免费下载链接】downkyi 哔哩下载姬downkyi&#xff0c;哔哩哔哩网站视频下载工具&#xff0c;支持批量下载&#xff0c;支持8K、HDR、杜比视界&#xff0c;提供工具箱&#xff08;音视频提取、去水印等&#xf…...

编程新知 2026/3/28 4:09:53

从零封装一个 Vue 低代码表单组件：我是如何借鉴 FcDesigner 的设计思路的

从零封装一个 Vue 低代码表单组件&#xff1a;我是如何借鉴 FcDesigner 的设计思路的 低代码开发正在改变前端工程师的工作方式。作为一名长期深耕表单领域的前端开发者&#xff0c;我曾参与过多个企业级低代码平台的搭建&#xff0c;也经历过从零开始封装表单组件的完整周期。…...

编程新知 2026/3/28 3:01:12

H3六边形层次化地理空间索引：重新定义空间数据处理的颠覆式突破

H3六边形层次化地理空间索引&#xff1a;重新定义空间数据处理的颠覆式突破 【免费下载链接】h3 Hexagonal hierarchical geospatial indexing system 项目地址: https://gitcode.com/gh_mirrors/h3/h3 地理空间数据处理长期面临着精度与效率难以兼顾的困境。传统网格系…...

编程新知 2026/3/28 2:18:50

利用快马平台AI能力，十分钟搭建你的Copilot式代码生成原型

今天想和大家分享一个快速验证AI编程助手&#xff08;Copilot类工具&#xff09;原型的实践。作为一个经常需要快速验证想法的开发者&#xff0c;我发现用InsCode(快马)平台可以省去很多搭建环境的时间&#xff0c;特别适合做这种概念验证。 明确核心需求 Copilot的核心能力其实…...

编程新知 2026/3/28 2:10:26