JS设计模式（一）单例模式
注释很详细，直接上代码
本文建立在已有JS面向对象基础的前提下，若无，请移步以下博客先行了解
JS面向对象（一）类与对象写法
特点和用途：
- 全局访问点：通过单例模式可以在整个应用程序中访问同一个对象实例，而不要每次使用时都创建新的对象。
- 节省资源：特别是在需要频繁创建和销毁对象时，单例模式可以减少内存和资源占用。
- 数据共享：由于单例模式只有一个实例，可以确保数据在各个部分共享使用。
单例模式在开发中广泛应用，例如管理全局状态、配置信息、日志记录器等场景，确保整个应用程序中某个类只有一个实例是非常有用的
源码：
index.html
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body></body><script>class LoginForm {constructor() {this.state = "hide";}show() {if (this.state === "show") {alert("已经显示");return;}this.state = "show";console.log("登录框显示成功");}hide() {if (this.state === "hide") {alert("已经隐藏");return;}this.state = "hide";console.log("登录框隐藏成功");}}LoginForm.getInstance = (function () {let instance; //因为是闭包，这个标识可以存储在函数内部，所以这里可以保证实例的唯一性return function () {if (!instance) {instance = new LoginForm();}return instance;};})();let obj1 = LoginForm.getInstance();obj1.show();let obj2 = LoginForm.getInstance();//两次获取的实例是同一个obj2.hide();console.log(obj1 === obj2);//这里演示一下闭包的应用//--------------------------------------------------/*function myTest() {let sum = 0;return function add(num) {sum += num;console.log(sum);};}let add = myTest();add(1);add(2);let add2 = myTest();add2(5);add2(6);*/</script>
</html>相关文章：
JS设计模式（一）单例模式
注释很详细，直接上代码 本文建立在已有JS面向对象基础的前提下，若无，请移步以下博客先行了解 JS面向对象（一）类与对象写法 特点和用途： 全局访问点：通过单例模式可以在整个应用程序中访问同一个…...
uniapp动态计算并设置元素高度
<template><view><scroll-view id"sv-box" :scroll-y"true" :style"{height:navHeightpx}"></scroll-view><view id"btn-box"><button>取消</button><button>确认</button><…...
直播架构如何设计核心节点和边缘节点
在直播架构中，核心节点和边缘节点的分工及主要服务是确保直播服务稳定、高效和可扩展的关键。以下是对这些节点的详细描述： 核心节点 核心节点通常位于数据中心，负责处理直播的主要逻辑和数据处理。其主要服务包括： 直播管理后…...
自动驾驶-预测概览
通过生成一条路径来预测一个物体的行为，在每一个时间段内，为每一辆汽车重新计算预测他们新生成的路径，这些预测路径为规划阶段做出决策提供了必要信息 预测路径有实时性的要求，预测模块能够学习新的行为。我们可以使用多源的数据…...
基于PSO算法优化PID参数的一些问题
目录 前言 Q1：惯性权重ω如何设置比较好？学习因子C1和C2如何设置？ Q2：迭代速度边界设定一定能够遍历（/覆盖）整个PID参数二维空间范围吗？还是说需要与迭代次数相关？迭代次数越高&a…...
什么是决策树？
1. 什么是决策树？ 决策树（Decision Tree）是一种常用的机器学习算法，用于解决分类和回归问题。它通过构建树结构来表示决策过程，分支节点表示特征选择，叶节点表示类别或回归值。 2. 决策树的组成部分 决策…...
ASP 快速参考
ASP 快速参考 概述 ASP（Active Server Pages）是一种由微软开发的服务器端脚本环境，用于动态网页设计和开发。它允许开发者创建和运行动态交互性网页，如访问数据库、发送电子邮件等。ASP页面通常以.asp为文件扩展名，并…...
(二)原生js案例之数码时钟计时
原生js实现的数字时间上下切换显示时间的效果，有参考相关设计，思路比较难，代码其实很简单 效果 代码实现 必要的样式 <style>* {padding: 0;margin: 0;}.content{/* text-align: center; */display: flex;align-items: center;justif…...
[CSS] 浮动布局的深入理解与应用
文章目录 浮动的简介元素浮动后的特点解决浮动产生的影响浮动后的影响解决浮动产生的影响 浮动相关属性实际应用示例示例1：图片与文字环绕示例2：多列布局示例3：响应式布局 总结 浮动布局是CSS中一种非常强大的布局方式，最初设计用…...
Linux云计算 |【第一阶段】ENGINEER-DAY2
主要内容： 磁盘空间管理fdisk、parted工具、开机自动挂载、文件系统、交换空间 KVM虚拟化 实操前骤： 1）添加一块硬盘（磁盘），需要关机才能进行操作，点击左下角【添加硬件】 2）选择2…...
9.11和9.9哪个大？
没问题 文心一言 通义千问...
学懂C语言（十二）：C语言中的二进制原理及应用
目录 1. 二进制原理 1.1 什么是二进制？ 1.2 如何在C语言中表示二进制？ 2. 二进制的表示 2.1 二进制和其他进制的转换 2.2 C语言中的二进制表示 3. 二进制运算 3.1 位运算符 3.2 计算过程示例 4. 应用示例 4.1 使用位运算实现开关 5. 总结 C语…...
科研绘图系列：R语言雨云图（Raincloud plot）
介绍 雨云图（Raincloud plot）是一种数据可视化工具，它结合了多种数据展示方式，旨在提供对数据集的全面了解。雨云图通常包括以下几个部分： 密度图（Density plot）：表示数据的分布情况，密度图的曲线可以展示数据在不同数值区间的密度。箱线图（Box plot）：显示数据的中…...
优化教学流程和架构：构建高效学习环境的关键步骤
在教育领域，设计和优化教学流程和架构是提高学习效果和学生参与度的关键。本文将探讨如何通过合理的教学流程和有效的架构来构建一个高效的学习环境。 ### 1. 理解教学流程和架构的重要性 教学流程指的是教学活动的组织和顺序，而教学架构则是指支持教学…...
js | this 指向问题
https://juejin.cn/post/6844904083707396109 任何函数运行的时候，都会创建一个context对象，context对象有一个this对象，在运行的时候决定。任何函数都对应一个reference类结构体（具体叫啥有点忘了），简单就…...
《昇思 25 天学习打卡营第 15 天 | 基于MindNLP+MusicGen生成自己的个性化音乐 》
《昇思 25 天学习打卡营第 15 天 | 基于MindNLPMusicGen生成自己的个性化音乐 》 活动地址：https://xihe.mindspore.cn/events/mindspore-training-camp 签名：Sam9029 MusicGen概述 MusicGen是由Meta AI的Jade Copet等人提出的一种基于单个语言模型&…...
Gitee 使用教程1-SSH 公钥设置
一、生成 SSH 公钥 1、打开终端（Windows PowerShell 或 Git Bash），通过命令 ssh-keygen 生成 SSH Key： ssh-keygen -t ed25519 -C "Gitee SSH Key" 随后摁三次回车键（Enter） 2、查看生成的 SSH…...
理解Cookie、Session和Token
在现代Web开发中，用户身份认证和会话管理是至关重要的部分。理解Cookie、Session和Token的区别和应用场景，有助于我们设计出更加安全和高效的Web应用。本文将详细探讨这三者的工作原理、优缺点以及使用场景。 1. Cookie 1.1 什么是Cookie？ …...
概率论原理精解【1】
文章目录 测度概述集类笛卡尔积定义例子 多集合的笛卡尔积定义计算方法注意事项 有限笛卡尔积的性质1. 定义2. 性质2.1 基数性质2.2 空集性质2.3 不满足交换律2.4 不满足结合律2.5 对并和交运算满足分配律 3. 示例4. 结论 参考链接 测度 概述 所谓测度，通俗的讲就…...
数据结构（二叉树-1）
文章目录 一、树 1.1 树的概念与结构 1.2 树的相关术语 1.3 树的表示 二、二叉树 2.1 二叉树的概念与结构 2.2特殊的二叉树 满二叉树 完全二叉树 2.3 二叉树的存储结构 三、实现顺序结构二叉树 3.1 堆的概念与结构 3.2 堆的实现 Heap.h Heap.c 默认初始化堆 堆的销毁 堆的插入 …...
Linux链表操作全解析
Linux C语言链表深度解析与实战技巧 一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别 二、内核链表结构与宏解析常用宏/函数 三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...
无法与IP建立连接，未能下载VSCode服务器
如题，在远程连接服务器的时候突然遇到了这个提示。 查阅了一圈，发现是VSCode版本自动更新惹的祸！！！ 在VSCode的帮助->关于这里发现前几天VSCode自动更新了，我的版本号变成了1.100.3 才导致了远程连接出…...
UDP(Echoserver)
网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法：netstat [选项] 功能：查看网络状态 常用选项： n 拒绝显示别名&#…...
Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility
Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...
Auto-Coder使用GPT-4o完成：在用TabPFN这个模型构建一个预测未来3天涨跌的分类任务
通过akshare库，获取股票数据，并生成TabPFN这个模型 可以识别、处理的格式，写一个完整的预处理示例，并构建一个预测未来 3 天股价涨跌的分类任务 用TabPFN这个模型构建一个预测未来 3 天股价涨跌的分类任务，进行预测并输…...
（二）原型模式
原型的功能是将一个已经存在的对象作为源目标，其余对象都是通过这个源目标创建。发挥复制的作用就是原型模式的核心思想。 一、源型模式的定义 原型模式是指第二次创建对象可以通过复制已经存在的原型对象来实现，忽略对象创建过程中的其它细节。 📌 核心特点： 避免重复初…...
涂鸦T5AI手搓语音、emoji、otto机器人从入门到实战
“🤖手搓TuyaAI语音指令 😍秒变表情包大师，让萌系Otto机器人🔥玩出智能新花样！开整！” 🤖 Otto机器人 → 直接点明主体 手搓TuyaAI语音 → 强调 自主编程/自定义 语音控制（TuyaAI…...
IP如何挑？2025年海外专线IP如何购买？
你花了时间和预算买了IP，结果IP质量不佳，项目效率低下不说，还可能带来莫名的网络问题，是不是太闹心了？尤其是在面对海外专线IP时，到底怎么才能买到适合自己的呢？所以，挑IP绝对是个技…...
深入理解Optional：处理空指针异常
1. 使用Optional处理可能为空的集合 在Java开发中，集合判空是一个常见但容易出错的场景。传统方式虽然可行，但存在一些潜在问题： // 传统判空方式 if (!CollectionUtils.isEmpty(userInfoList)) {for (UserInfo userInfo : userInfoList) {…...
Unity中的transform.up
2025年6月8日，周日下午 在Unity中，transform.up是Transform组件的一个属性，表示游戏对象在世界空间中的“上”方向（Y轴正方向），且会随对象旋转动态变化。以下是关键点解析： 基本定义 transfor…...