细节 模式js
JS获取 URL 链接参数
方法一 源码： function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if( ......
命令模式
#include <iostream> #include <vector> using namespace std; class Light { public: void on() { cout << "灯亮了" << endl; } void off() { cout << "灯灭了" << en ......
docker网络模式
Docker网络 我们使用容器，不单是运行单机程序，当然是需要运行网络服务在容器中，那么如何配置docker的容器网络，基础网络配置，网桥配置，端口映射，还是很重要。 docker网络功能 docker的网络功能就是利用Linux的network namespace，network bridge，虚 ......
js 视频录制
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button onclick="startRecording()">开始录像</button> <button onclick="s ......
设计模式—代理模式
介绍 代码 接口 创建接口 Image public interface Image { void display(); } 实体类 创建实体类 RealImage public class RealImage implements Image { private String fileName; ......
设计模式—观察者模式
介绍 代码 观察者父类 只有一个属性 subject 表示订阅的主题。update 方法用于更新观察者本身 public abstract class Observer { protected Subject subject; public abstract void update(); } 主题类 ......
Python实现软件设计模式6：单例模式 Singleton Pattern
动机 针对某个类，为了保证系统中只创建一个示例，并且易于被访问（例如操作系统的任务管理器，软件的登陆注册界面） 自行创建这个实例，无法从外部创建这个实例，向系统提供这个实例 饿汉式单例 Java版本 在类加载的时候，就创建对象，如果后续得不到使用，可能会造成内存资源浪费 懒汉式单例 Java版本 只 ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
Python实现软件设计模式5：原型模式 Prototype Pattern
动机 对象的克隆问题，想要复制出本对象的一个副本，属性方法一模一样 从需求上来说，先快速克隆对象，后续根据需求再进行对象局部属性的修改 区分为深克隆和浅克隆两个版本，默认为浅克隆 角色 Prototype 抽象原型类 Concrete Prototype 具体原型类 Client 客户类 浅克隆与深 ......
12.19设计模式复习
职责链模式 定义：避免发送者和处理者耦合，让多个对象都能处理请求，让对象形成一条链，把请求传递下去，直到有对象处理。 模式角色： 抽象处理对象 具体处理对象 客户 类图： 抽象处理对象与具体处理对象为继承关系 抽象处理对象与自己是聚合关系 抽象处理对象与客户是依赖关系 命令模式 定义：将请求封装起来 ......
js 处理对象数组 + map 筛选出指定字段数据 + filter过滤重复数据/指定数据
const res = [{ id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 2, name: 'lisi', age: 20, gender: ......
适配器模式
在你成功拿到五心之钢后，为了能够好好玩这把天选局，偷摸溜了出去，进到厕所，发现商店中静静躺着一张伊泽瑞尔，而后又在接下来的选秀中拿到铲子和腰带，你激动的合成了心之钢转，在你放上伊泽瑞尔后，发现你现在没有凯隐，因此你将一张布里茨放了上去，给它一张心之钢转，当当当！七心之钢！ 心之钢转就是适配器， 布里 ......
设计模式—模板模式
介绍 代码 游戏模板类 定义一个游戏模板虚类 Game，抽象并规范好游戏的进行流程 public abstract class Game { abstract void init(); abstract void startPlay(); abstract void endPlay(); // 模板 ......
设计模式—策略模式
介绍 在策略模式（Strategy Pattern）中一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。 在策略模式定义了一系列算法或策略，并将每个算法封装在独立的类中，使得它们可以互相替换。通过使用策略模式，可以在运行时根据需要选择不同的算法，而不需要修改客户端代码。 代码 ......
js实现el-select选中的文本，一键复制
<div class="invite-buttom"> 请选择要复制的网站： <el-select v-model="webValue" placeholder="请选择要复制的网站"> <el-option v-for="item in formUrl.webInviteUrl" :key="it ......
单例模式
现在，你正在王建民的软工课上昏昏欲睡，看着他唾沫星子乱飞，手舞足蹈，而你并没有像你旁边的人一样陷入对web的癫狂状态，只觉得飞舞的口水尤为助眠。 此时，王建民使用他红色的点点笔，狠狠的指向了你，你疾呼曰：“非我困顿也，实乃烈日灼目乎，二睛战战，涕难掩尔，低头之过非我罪也” 建民点头曰：“然，如此拉帘 ......
Mac Scp Connection refused(关闭安全模式)
一、查看安全机制 csrutil status # System Integrity Protection status: enabled => 安全模式开启 # System Integrity Protection status: disabled => 安全模式未开启 二、重启 Intel 处 ......
原型模式
欢迎来到9999年，现在拥有着最先进的克隆技术... 你因为学java学到恶心，但是王建民还TMD让你敲代码，写web，做服务器，做数据清洗 %@（#&……（#（）（！（……#*（！——+！I#）（&#（！）&（#！%*#）……*#）Y）#B#（！Y&T！NEF（Y*！（……*！……）4 好了，发泄 ......
Java编程--委派设计模式
目录委派设计模式委派 (Delegation) 委派设计模式 委派 (Delegation) 委派（Delegation）是一种设计模式，通常用于实现代码的解耦和复用。简单来说，委派是指一个对象将自己的部分职责，即一些特定的任务，转交（委派）给其他对象来处理。这种模式允许对象组合实现功能，而不是通过 ......
集群模式
一、Redis Cluster 1、Redis集群方案的演变 大规模数据存储系统都会面临的一个问题就是如何横向拓展。 当你的数据集越来越大，一主多从的模式已经无法支撑这么大量的数据存储，于是你首先考虑将多个主从模式结合在一起对外提供服务，但是这里有两个问题就是如何实现数据分片的逻辑和在哪里实现这部分 ......
在Mapbox-gl-js中添加自定义图层
在Mapbox-gl-js中添加自定义图层 前言 一、制作geojson地图 二、使用Tippecanoe将geojson转换成vector tile(.pbf)文件 三、使用mapbox-gl-js显示 三、Mapbox-gl-js中根据矢量数据的属性过滤显示 前言 本文说明如何制作自定义的地图数 ......
工厂模式
工厂模式最主要解决的问题就是创建者和调用者的耦合， 在代码层面是将通过对不同且相近对象（类似 华为手机和小米手机）的new创建方式，统一起来。 1.简单工厂模式 由phone作为两手机的统一接口，使得factory直接返回phone即可，无需考虑xiaomi与meizu的返回不兼容问题，而facto ......
Parallax.js：实现自适应智能设备方向的视差效果
哈喽！大家好！我是程序视点的小二哥。 今天给大家分享一款功能非常强大的javascript视觉差特效引擎插件：Parallax.js。 Parallax.js简介 Parallax.js是一个简单的，轻量级的视差引擎。你可以将它作为作为jQuery或Zepto插件来使用，也可以以纯JS的方式来使用。 ......
设计模式的关系
泛化关系 泛化关系用一条带空心箭头的直接表示，可以理解为继承 eg：汽车是基类，而suv这辆车就是他的子类 实现关系 实现关系用一条带空心箭头的虚线表示； eg：将车作为一个接口类（模糊概念，比如跑的挺快），下边的小汽车或是自行车都是车这个模糊概念的实现 聚合关系 聚合关系用一条带空心菱形箭头的直线 ......
node.js - pnpm 快速且节省磁盘的新一代包管理工具
相较于传统的 npm 和 Yarn，pnpm 采用了一种全新的依赖管理方式，通过共享依赖来减少磁盘占用，同时提供了快速的安装和更新速度。 1. 安装pnpm npm install -g pnpm 2. 初始化项目 pnpm init pnpm root # 打印有效的存放模块（modules）的目 ......
node.js - yarn 1.x 快速可靠安全的包管理工具
1. 安装 yarn 1 npm install -g yarn 2. 管理yarn设置 yarn config list # 查看当前设置 yarn config get <key> # 查看某项配置 yarn config delete <key> # 删除某项配置 yarn config se ......