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

十二、正则表达式、元字符、替换修饰符、手势和对话框插件

news 来源：原创 2025/7/19 15:07:53

1. 正则表达式

1.1 基本使用

<!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><!-- 正则表达式（Regular Expression）是一种字符串匹配的模式（规则）⚫ 使用场景：➢ 例如验证表单：手机号表单要求用户只能输入11位的数字 (匹配)➢ 过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)--><script>// 1. 定义规则 其中/ /是正则表达式字面量;正则表达式也是对象const reg1 = /JS/const reg2 = new RegExp('JS')let str1 = 'JS学习'let str2 = 'TS学习'let str3 = '学习'// 2. 使用正则 test()方法 用来查看正则表达式与指定的字符串是否匹配,返回布尔型数据console.log(reg1.test(str1)) // trueconsole.log(reg1.test(str2)) // falseconsole.log(reg1.test(str3)) // falseconsole.log(reg2.test(str1)) // trueconsole.log(reg2.test(str2)) // falseconsole.log(reg2.test(str3)) // false</script>
</body></html>

1.2 元字符

1.2.1 边界符

<!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><!-- 普通字符：普通字符只能够匹配字符串中与它们相同的字符元字符(特殊字符)：是一些具有特殊含义的字符，极大提高了灵活性和强大的匹配功能(边界符 量词 范围 字符类)--><!-- 边界符: 定义位置规则，必须用什么开头，用什么结尾^ 开始 ; $ 结束 ; ^和$在一起，表示必须是精确匹配--><script>const reg1 = /JS/const reg2 = /^JS/const reg3 = /JS$/const reg4 = /^JS$/let str1 = 'JS学习'let str2 = '学习JS'let str3 = 'JS'console.log(reg1.test(str1)) // trueconsole.log(reg2.test(str1)) // trueconsole.log(reg2.test(str2)) // falseconsole.log(reg3.test(str1)) // falseconsole.log(reg3.test(str2)) // trueconsole.log(reg4.test(str2)) // falseconsole.log(reg4.test(str3)) // true</script>
</body></html>

1.2.2 量词

<!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><!-- 量词：用来设定某个模式重复次数 --><script>// 有开始结束,精确匹配// *：重复>=0 次const reg1 = /^钱*$/console.log(reg1.test('')) // tconsole.log(reg1.test('钱')) // tconsole.log(reg1.test('111')) // fconsole.log('-------------------')// +：重复>=1 次const reg2 = /^钱+$/console.log(reg2.test('')) // fconsole.log(reg2.test('钱')) // tconsole.log(reg2.test('钱钱')) // tconsole.log('-------------------')// ？：重复0次或1次const reg3 = /^钱?$/console.log(reg3.test('')) // tconsole.log(reg3.test('钱')) // tconsole.log(reg3.test('钱钱')) // fconsole.log('-------------------')// {n}：重复n次const reg4 = /^钱{3}$/console.log(reg4.test('钱钱')) // fconsole.log(reg4.test('钱钱钱')) // tconsole.log('-------------------')// {n,}：重复>=n 次const reg5 = /^钱{3,}$/console.log(reg5.test('钱钱')) // fconsole.log(reg5.test('钱钱钱')) // tconsole.log(reg5.test('钱钱钱钱')) // tconsole.log('-------------------')// {n,m}：重复n~m 次(包含n,m) 逗号左右两侧千万不要出现空格const reg6 = /^钱{3,5}$/console.log(reg6.test('钱钱')) // fconsole.log(reg6.test('钱钱钱')) // tconsole.log(reg6.test('钱钱钱钱钱')) // t</script>
</body></html>

1.2.3 范围

<!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><!-- 范围：表示字符的范围，定义的规则限定在某个范围，比如只能是英文字母，或者数字等等，用 [] 表示范围[abc] 匹配包含的单个字符。也就是只有 a || b || c 这三个单字符返回true，可以理解为多选1[a-z] 连字符。来指定字符范围。[a-z] 表示 a 到 z 26个英文字母 [^abc] 取反符。[^a-z] 匹配除了小写字母以外的字符--><script>// 单个字符// 1. 多选1const reg1 = /[abc]/console.log(reg1.test('a')) // trueconsole.log(reg1.test('ac')) // trueconsole.log(reg1.test('cd')) // trueconsole.log(reg1.test('de')) // falseconsole.log('--------------')// 2. 连字符/* ➢ [a-z] 表示 a 到 z 26个英文字母都可以➢ [a-zA-Z] 表示大小写都可以➢ [0-9] 表示 0~9 的数字都可以*/const reg2 = /[a-f]/console.log(reg2.test('a')) // trueconsole.log(reg2.test('ac')) // trueconsole.log(reg2.test('ch')) // trueconsole.log(reg2.test('hj')) // falseconsole.log('--------------')// 3. 取反符const reg3 = /[^abc]/console.log(reg3.test('a')) // falseconsole.log(reg3.test('ac')) // falseconsole.log(reg3.test('cd')) // trueconsole.log(reg3.test('de')) // true</script>
</body></html>

案例1_验证用户名

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>验证用户名案例</title><style>dt,dd {margin: 0;position: relative;}dl {display: flex;width: 600px;height: 30px;line-height: 30px;}dl dt {margin-right: 5px;}dl input {width: 269px;height: 28px;padding-left: 5px;border: 1px solid #ccc;outline: none;background: transparent;line-height: 30px;border-radius: 5px;}.tip {display: none;position: relative;width: 220px;height: 30px;margin-left: 15px;border: 1px solid #f59fb1;color: #d93c3c;text-align: center;font-size: 14px;background-color: #fff2f5;border-radius: 5px;}.tip::before {content: '';position: absolute;top: 50%;left: -6px;width: 10px;height: 10px;background-color: #fff2f5;border-left: 1px solid #f59fb1;border-bottom: 1px solid #f59fb1;transform: translateY(-50%) rotate(45deg);}span {position: absolute;top: 9px;right: 10px;width: 15px;height: 15px;}.right {background: url(./images/right.png) no-repeat;}.wrong {background: url(./images/error1.png) no-repeat;}</style>
</head><body><dl><dt>用户名:</dt><dd><input type="text" class="uname"><span></span></dd><dd class="tip">输入6~16位数字字母-_组成</dd></dl><!-- 用户名验证案例需求：用户名要求用户英文字母,数字,下划线或者短横线组成，并且用户名长度为 6~16 位 /^[a-zA-Z0-9_-]{6-16}$/--><script>const ipt = document.querySelector('.uname')const rORw = document.querySelector('span')const tip = document.querySelector('.tip')/* 拓展补充：➢ blur 事件：当元素失去焦点时触发（不论表单元素的值是否发生改变）➢ change 事件：元素失去焦点并且表单元素的值发生改变才会触发*/const reg = /^[a-zA-Z0-9-_]{6,16}$/ipt.addEventListener('change', function () {if (reg.test(this.value)) {/* rORw.classList.add('right')rORw.classList.remove('wrong') */// span只能有一个类名，right或wrong，直接className替换即可rORw.className = 'right'tip.style.display = 'none'} else {/* rORw.classList.remove('right')rORw.classList.add('wrong') */rORw.className = 'wrong'tip.style.display = 'block'}})</script>
</body></html>

1.2.4 字符类

<!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><!-- 字符类：某些常见模式的简写方式，区分字母和数字\d 匹配0-9之间的任一数字，相当于[0-9]\D 匹配所有0-9以外的字符，相当于[^0-9]\w 匹配任意的字母、数字和下划线，相当于[A-Za-z0-9_]\W 除所有字母、数字和下划线以外的字符，相当于[^A-Za-z0-9_]\s 匹配空格（包括换行符、制表符、空格符等），相等于[\t\r\n\v\f]\S 匹配非空格的字符，相当于[^\t\r\n\v\f] --><script>// 日期格式(简易 不规范)const reg = /^\d{4}-\d{1,2}-\d{1,2}$/console.log(reg.test('2024-11-26')) // trueconsole.log(reg.test('2025-1-1')) // true</script>
</body></html>

1.3 替换和修饰符

<!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><!-- 替换和修饰符replace 替换方法，可以完成字符的替换字符串.replace（/正则表达式/, '替换的文本'）修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等/表达式/修饰符➢ i 是单词 ignore 的缩写，正则匹配时字母不区分大小写➢ g 是单词 global 的缩写，匹配所有满足正则表达式的结果--><script>const str = '欢迎大家学习前端，相信大家一定能学好前端，都成为前端大神'// 懒惰模式(默认)，只匹配第一个，后面忽略const newStr1 = str.replace(/前端/, '鸿蒙')// replace 返回一个新的字符串，不修改原字符串console.log(str) // 欢迎大家学习前端，相信大家一定能学好前端，都成为前端大神console.log(newStr1) // 欢迎大家学习鸿蒙，相信大家一定能学好前端，都成为前端大神// g 匹配所有满足正则表达式的结果const newStr2 = str.replace(/前端/g, '鸿蒙')console.log(newStr2) // 欢迎大家学习鸿蒙，相信大家一定能学好鸿蒙，都成为鸿蒙大神</script>
</body></html>

案例2_隐藏手机号中间四位

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>隐藏手机号中间四位案例.</title><style>.wrapper {width: 840px;height: 420px;background: url(./images/bg01.jpg) no-repeat center / cover;padding: 100px 250px;box-sizing: border-box;}.wrapper strong {font-size: 50px;}.wrapper span {color: #b10e0d;}</style>
</head><body><div class="wrapper"><strong>年会抽奖</strong><h1>获奖手机号：<span class="phone">???</span></h1></div><!-- 隐藏手机号中间四位案例 --><script>let tel = '13866668888'// 把手机号利用正则利用小括号划分为三部分const reg = /^(\d{3})(\d{4})(\d{4})$/// 在replace中，$1 对应第一个小括号内容，依次类推let str1 = tel.replace(reg, '$1****$3')// ${} -- 模板字符串${变量或表达式}// 字符串重复使用：字符串.repeat(次数) 实现let str2 = tel.replace(reg, `$1${'*'.repeat(4)}$3`)document.querySelector('.phone').innerHTML = str1</script>
</body></html>

2. JS插件

2.1 AlloyFinger 手势插件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>AlloyFinger手势插件</title><style>.nav {width: 200px;height: 40px;border: 3px solid pink;}.item {width: 250px;height: 40px;line-height: 40px;background-color: skyblue;transition: all .3s;}.active {transform: translateX(-50px);}</style>
</head><body><div class="nav"><div class="item">AlloyFinger是腾讯AlloyTeam 开发</div></div><!-- AlloyFinger 是腾讯 AlloyTeam 团队开源的超轻量级 Web 手势插件，为元素注册各种手势事件 --><!-- 将AlloyFinger库引入当前文件 --><!-- 配置new AlloyFinger(element, { // element 是给哪个元素做滑动事件swipe: function (e) {// 滑动的时候要做的事情 e.direction 可以判断上下左右滑动 Left Right 等}})--><script src="./alloy_finger.js"></script><script>const item = document.querySelector('.item')new AlloyFinger(item, {swipe: function (e) {if (e.direction === 'Left') {item.classList.add('active')} else if (e.direction === 'Right') {item.classList.remove('active')}},// 手指触摸touchStart: function () {console.log('touchStart')},// 手指移动touchMove: function () {console.log('touchMove')},// 手指移开touchEnd: function () {console.log('touchEnd')}})</script>
</body></html>

2.2 M端事件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.box {width: 300px;height: 300px;background-color: pink;}</style>
</head><body><div class="box"></div><!-- M端(移动端)有自己独特的地方。比如触屏事件 touch（也称触摸事件）。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。触屏touch事件touchstart 手指触摸到一个DOM元素时触发touchmove 手指在一个DOM元素上滑动时触发touchend 手指从一个DOM元素上移开时触发--><script>const box = document.querySelector('.box')box.addEventListener('touchstart', function () {console.log('touchstart')})box.addEventListener('touchmove', function () {console.log('touchmove')})box.addEventListener('touchend', function () {console.log('touchend')})</script>
</body></html>

2.3 a11y-dialog 对话框插件

<body><!-- 按钮 --><div class="btns"><button class="btn btn1">添加</button></div><!-- a11y --><!-- 1. 准备对话框容器 --><div class="dialog-container" id="dialog" aria-hidden="true"><!-- 2. 底部蒙层 --><div class="dialog-overlay" data-a11y-dialog-hide></div><!-- 3. 对话框结构 --><div class="dialog-content"><!-- 4. 关闭按钮 --><button type="button" class="dialog-close" data-a11y-dialog-hide>&times;</button><!-- 5. 标题 --><h1>测试对话框</h1><!-- 6. 内容 --><p>好看的对话框</p></div></div><!-- <script src="https://cdn.jsdelivr.net/npm/a11y-dialog@8/dist/a11y-dialog.min.js"></script> --><script src="./a11y-dialog.js"></script><script>const btn1 = document.querySelector('.btn1')// 获取对话框DOM容器const element = document.querySelector('#dialog')// 实例化对话框const dialog = new A11yDialog(element)btn1.addEventListener('click', function () {// 实例对话框调用 show 方法可以显示对话框dialog.show()})</script>
</body>

3. 字符串截取

  <script>const str = '我们都是前端大神啊'// 字符串截取// 1. substring// 最后一个字符console.log(str.substring(str.length - 1)) // 啊// 第一个字符console.log(str.substring(0, 1)) // 我// 2. str[] 字符串也有索引，console.log(str[0]) // 我</script>

4. 综合案例_移动端通讯录

十二、正则表达式、元字符、替换修饰符、手势和对话框插件

1. 正则表达式 1.1 基本使用 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title&g…...

编程日记 2025/7/19 15:07:53

Unreal从入门到精通之如何绘制用于VR的3DUI交互的手柄射线

文章目录前言实现方式MenuLaser实现步骤1.Laser和Cursor2.移植函数3.启动逻辑4.检测射线和UI的碰撞5.激活手柄射线6.更新手柄射线位置7.隐藏手柄射线8.添加手柄的Trigger监听完整节点如下：效果图前言之前我写过一篇文章《Unreal5从入门到精通之如何在VR中使用3DUI》，其中讲…...

编程日记 2025/7/19 14:44:14

如何提升编程能力第二篇

如何提升编程能力2 1. 引言2. 掌握理论基础2.1 理解编程语言的核心2.2 数据结构与算法2.3 计算机基础与系统设计3.1 多写代码3.2 参与开源项目3.3 开发自己的项目 4. 提高代码质量4.1 代码风格与可读性4.2 测试驱动开发 1. 引言编程是推动现代科技发展的核心技能，…...

编程日记 2025/7/15 19:06:57

【AI日记】24.11.26 聚焦 kaggle 比赛

【AI论文解读】【AI知识点】【AI小项目】【AI战略思考】【AI日记】核心工作 1 内容：研究 kaggle 比赛时间：3 小时核心工作 2 内容：学习 kaggle 比赛 Titanic - Machine Learning from Disaster时间：4 小时备注：这…...

编程日记 2025/7/16 18:08:49

计算机网络八股整理（一）

计算机网络八股文整理一：网络模型 1：网络osi模型和tcp/ip模型分别介绍一下 osi模型是国际标准的网络模型，它由七层组成，从上到下分别是：应用层，表示层，会话层，传输层，…...

编程日记 2025/7/19 7:57:41

删除链表中的重复元素

删除链表中的重复元素单链表的创建和使用删除链表中的重复元素 I题目描述解题思路代码实现删除链表中的重复元素 II题目描述解题思路代码实现单链表的创建和使用使用vector结合单链表数据结构创建一个通用单链表。 #include <iostream> #include <vector>str…...

编程日记 2025/7/18 4:46:31

序列求和牛客网

链接：登录—专业IT笔试面试备考平台_牛客网来源：牛客网题目描述定义S(n) 12 22 … n2，输出S(n) % 1000000007。注意：1 < n < 1e18。输入描述: 多组输入，输入直到遇到EOF为止；第一行输…...

编程日记 2025/7/17 10:04:06

【Oracle11g SQL详解】 SELECT 语句的基础用法与示例

SELECT 语句的基础用法与示例在 Oracle 11g 中，SELECT 语句是最常用的 SQL 语句，用于从数据库表中查询数据。本文将从语法结构、使用方法和常见示例出发，系统讲解 SELECT 语句的基础用法。一、SELECT 语句的基本语法 SELECT 列名1, 列名2…...

编程日记 2025/7/13 17:53:48

编译以前项目更改在x64下面时报错:函数“PVOID GetCurrentFiber(void)”已有主体

win32下面编译成功，但是x64报错 1>GetWord.c 1>md5.c 这两个文件无法编译 1>C:\Program Files (x86)\Windows Kits\10\Include\10.0.22000.0\um\winnt.h(24125,1): error C2084: 函数“PVOID GetCurrentFiber(void)”已有主体 1>C:\Program Files (x…...

编程日记 2025/7/16 0:02:18

【小白学机器学习36】关于独立概率，联合概率，交叉概率，交叉概率和，总概率等概念辨析的例子

目录 1 先说结论 2 联合概率 3 边缘概率 4 (行/列)边缘概率的和总概率1 5 条件概率 5.1 条件概率的除法公式 5.2 条件概率和联合概率区别 1 先说结论关于独立概率，联合概率，交叉概率，交叉概率和，总概率类型含义　…...

编程日记 2025/7/18 23:37:15

如何使用 Tailwind CSS 构建响应式网站：详细指南

文章目录前言一、安装 Tailwind CSS二、配置 Tailwind CSS三、使用 Tailwind CSS 构建响应式网站四、优化和部署结语前言在当今的数字时代，网站不仅需要在桌面浏览器上看起来出色，还需要在移动设备和平板电脑上提供一致的用户体验。响应式设计成为了…...

编程日记 2025/7/18 11:10:21

LabVIEW发动机热磨合试验台

在汽车发动机的研发和质量控制中，发动机热磨合试验是关键环节。它能够检验发动机在实际运行条件下的性能，及时发现异响、振动、漏油等潜在问题。通过搭建基于LabVIEW的高效测试平台，可以显著提高发动机的可靠性和使用寿命。下面介绍LabVIEW开…...

编程日记 2025/7/14 8:33:41

【GPT】力量训练是什么，必要吗，有可以替代的方式吗

什么是力量训练？ 力量训练是一种通过抵抗力（如重量、阻力带、自身体重等）来刺激肌肉收缩，从而提高肌肉力量、耐力和体积的运动形式。它包括以下常见形式： 自由重量训练：使用哑铃、杠铃、壶铃等。固定器械…...

编程日记 2025/7/18 5:45:29

pikachu文件上传漏洞通关详解

声明：文章只是起演示作用，所有涉及的网站和内容，仅供大家学习交流，如有任何违法行为，均和本人无关，切勿触碰法律底线目录概念：什么是文件上传漏洞一、客户端check二、MIME type三、getimagesi…...

编程日记 2025/7/16 8:32:18

java hashCode() 详解

hashCode() 是 Java 中 Object 类提供的一个重要方法，它在 Java 集合框架中扮演着关键角色，特别是在使用哈希表相关的集合（如 HashMap、HashSet 和 Hashtable）时。以下是对 hashCode() 方法的详解，包括概念、用法、规…...

编程日记 2025/7/17 23:29:35

鸿蒙学习自由流转与分布式运行环境-价值与架构定义(1)

文章目录价值与架构定义1、价值2、架构定义随着个人设备数量越来越多，跨多个设备间的交互将成为常态。基于传统 OS 开发跨设备交互的应用程序时，需要解决设备发现、设备认证、设备连接、数据同步等技术难题，不但开发成本高，还存…...

编程日记 2025/7/13 20:27:42

JavaWeb

JavaWeb 一、JavaWeb 是什么？二、JavaWeb 发展阶段三、JavaWeb 常用架构Servlet JSP 架构SSH 架构SSM 架构SpringBoot架构SpringCloud架构四、JavaWeb 项目结构（带web.xml的）五、如何打包六、war包部署1. Tomcat 介绍2. Tomcat目录结构3. 开…...

编程日记 2025/7/15 10:06:13

加快发展社会保障事业的必要性

题目【2011年浙江公务员考试】（二）某市将召开一次加快发展社会保障事业的形势分析会。会上，某领导要就加快发展社会保障事业的必要性做主题发言。请结合给定资料7~8，为领导拟一份发言要点。（25分） 要求&a…...

编程日记 2025/7/19 7:26:32

责任链模式在spring security过滤器链中的应用

责任链模式（Chain of Responsibility Pattern）是一种行为型设计模式，它允许多个对象按照顺序处理请求，并且每个对象可以选择自己是否处理该请求或将其传递给下一个对象。在Spring Security中，责任链模式得到了广泛应…...

编程日记 2025/7/15 1:31:17

Netty基本原理

目录前言原生NIO VS Netty 原生NIO存在的问题 Netty的优点线程模型传统阻塞 I/O (Blocking I/O) 2. 非阻塞 I/O (Non-blocking I/O) 3. 多路复用 I/O (Multiplexed I/O) 4. Reactor 模式常见的 Reactor 模式的变体： Netty线程模型工作原理前言 N…...

编程日记 2025/7/18 15:05:23

图论入门编程

卡码网刷题链接：98. 所有可达路径一、题目简述二、编程demo 方法①邻接矩阵 from collections import defaultdict #简历邻接矩阵 def build_graph(): n, m map(int,input().split()) graph [[0 for _ in range(n1)] for _ in range(n1)]for _ in range(m): …...

编程日记 2025/7/16 10:20:26

Haproxy

一、haproxy简介 HAProxy 是法国开发者威利塔罗 (Willy Tarreau) 在 2000 年使用 C 语言开发的一个开源软件是一款具备高并发 ( 万级以上 ) 、高性能的 TCP 和 HTTP 负载均衡器支持基于 cookie 的持久性，自动故障切换，支持正则表达式及 web 状态统…...

编程日记 2025/7/15 19:36:15

旋转磁体产生的场 - 实验视频资源下载

先发几个视频，是2019年所作的实验内容更多视频，到某宝找我吧。注意：是收费的。 20190312-180244-旋转磁体产生的场造成激光功率减小 https://download.csdn.net/download/u014161757/90038058 20190313-090956-旋转磁体产生的场对真空介电…...

编程日记 2025/7/17 4:48:31

Java Map

在Java的集合框架中，Map接口用于存储键值对，提供了一种基于键进行查找和操作的数据结构。Map接口的实现类提供了丰富的方法来操作键值对，例如添加、删除、更新和查找。本文将详细介绍Java中的Map接口及其常见实现类，包括HashMap、…...

编程日记 2025/7/17 7:59:00

长三角文博会：Adobe国际认证体系推动设计人才评价新标准

2024年11月22日，由上海、江苏、浙江、安徽三省一市党委宣传部共同发起的第五届长三角文化博览会（简称“长三角文博会”）在上海国家会展中心盛大启幕。长三角文博会自2018年起已成功举办多届，已成为展示区域文化产业发展成果、推动…...

编程日记 2025/7/10 12:20:11

GoogleTest做单元测试

目录环境准备GoogleTest 环境准备 git clone https://github.com/google/googletest.git说cmkae版本过低了，解决方法进到googletest中 cmake CMakeLists.txt make sudo make installls /usr/local/lib存在以下文件说明安装成功中间出了个问题就是，…...

编程日记 2025/7/15 15:33:09

CSDN 博客自动发布脚本（Python 含自动登录、定时发布）

文章目录关于 csdn auto publisher使用关于 csdn auto publisher 源码地址：https://github.com/ezscode/csdn_auto_publisher 使用 def test_simple_pub():file_path /Users/xx/Documents/xxx/tool.md article Article(file_path) article.tags [python] art…...

编程日记 2025/7/15 23:10:37

RL78/G15 Fast Prototyping Board Arduino IDE 平台开发过程

这是一篇基于RL78/G15 Fast Prototyping Board的Arduino IDE开发记录 RL78/G15 Fast Prototyping Board硬件简介（背景）基础测试（方法说明/操作说明）开发环境搭建（方法说明/操作说明代码结果）Arduino IDE RL…...

编程日记 2025/7/19 8:26:58

VsCode 插件推荐（个人常用）

VsCode 插件推荐（个人常用）...

编程日记 2025/7/4 15:56:19

零基础学安全--云技术基础

目录学习连接前言云技术历史云服务公有云服务商云分类基础设施即服务（IaaS） 平台即服务（PaaS） 软件即服务（SaaS） 云架构虚拟化容器云架构设计组件选择基础设施即代码集成部署…...

编程日记 2025/7/17 23:31:41

docker如何安装redis

第一步如果未指定redis，则安装的是最新版的 docker pull redis 创建一个目录 mkdir /usr/local/docker/redis 然后直接可以下载redis，这是方式确实不怎么好，应该找在官网上找对应的redis配置文件 wget http://download.redis.io/redis-stab…...

编程日记 2025/7/16 1:07:24

搜维尔科技：仿人双臂遥操作系统，力反馈灵巧手操作解决方案

仿人双臂遥操作系统，力反馈灵巧手操作解决方案搜维尔科技：仿人双臂遥操作系统，力反馈灵巧操作解决方案...

编程日记 2025/7/9 14:28:04

C++ 优先算法 —— 无重复字符的最长子串（滑动窗口）

目录题目： 无重复字符的最长子串 1. 题目解析 2. 算法原理 Ⅰ. 暴力枚举 Ⅱ. 滑动窗口（同向双指针） 3. 代码实现 Ⅰ. 暴力枚举 Ⅱ. 滑动窗口题目： 无重复字符的最长子串 1. 题目解析题目截图： 此题所说的…...

编程日记 2025/7/19 10:39:32

R语言绘图过程中遇到图例的图块中出现字符“a“的解决方法

R语言绘图过程中遇到图例的图块中出现字符的解决方法因为我遇到这个问题的时候没在网上找到合适的方法，找到个需要付费的，算了。也许是因为问的方式不同，问了半天AI也回答出来，莫名有些烦躁，打算对代码做个分析&…...

编程日记 2025/7/13 1:15:42

海康面阵、线阵、读码器及3D相机接线说明

为帮助用户快速了解和配置海康系列设备的接线方式，本文将针对海康面阵相机、线阵相机、读码器和3D相机的主要接口及接线方法进行全面整理和说明。一、海康面阵相机接线说明海康面阵相机使用6-pin P7接口，其功能设计包括电源输入、光耦隔离信号输入输出…...

编程日记 2025/7/14 17:33:56

Lua--1.基础知识

Lua基础知识变量简单的4种变量类型复杂的4种变量类型type函数字符串操作长度获取--#多行打印字符串拼接别的类型转字符串-- tostring()字符串提供的公共方法运算符算术运算符-- - * / % ^条件运算符-- > < > < ~(不等于是 ~)逻辑运算符-- and or not位运算、…...

编程日记 2025/7/17 15:05:32

从Full-Text Search全文检索到RAG检索增强

从Full-Text Search全文检索到RAG检索增强时光飞逝，转眼间六年过去了，六年前铁蛋优化单表千万级数据查询性能的场景依然历历在目，铁蛋也从最开始做CRUD转行去了大数据平台开发，混迹包装开源的业务，机缘巧合下做了实时…...

编程日记 2025/7/9 7:34:52

Qt桌面应用开发第八天（读写文件文件编码文件流）

目录 1.读文件 2.写文件及编码格式 2.1写文件 2.2编码格式 3.文件信息读取 4.文件流 4.1QTextStream 4.2QDataStream 1.读文件需求：一个pushButton，点击之后可以选择一个txt文件的路径，路径会显示在lineEdit上，txt文件的…...

编程日记 2025/7/13 21:45:39

玩转 Burp Suite (1)

内容预览 ≧∀≦ゞ玩转 Burp Suite (1)声明Burp Suite 简介Dashboard（仪表盘）1. 默认任务管理2. 暂停任务3. 新建扫描任务4. 使用总结 Target（目标）1. SIte Map （站点地图）2. Scope（范围&#…...

编程日记 2025/7/15 5:03:30

MyBatis高级扩展

一、Mapper批量映射优化: 1.需求: Mapper 配置文件很多时，在全局配置文件中一个一个注册太麻烦，希望有一个办法能够一劳永逸 2.配置方式: Mybatis允许在指定Mapper映射文件时，只指定其所在的包: <mappers><package name"c…...

编程日记 2025/7/15 11:36:29

蓝桥杯c++算法秒杀【6】之动态规划【下】（数字三角形、砝码称重(背包问题)、括号序列、异或三角：：：非常典型的必刷例题！！！）

别忘了请点个赞收藏关注支持一下博主喵！！！! ! ! ! ！ 关注博主，更多蓝桥杯nice题目静待更新:) 动态规划三、括号序列【问题描述】给定一个括号序列，要求尽可能少地添加若干括号使得括号序列变得合…...

编程日记 2025/7/19 9:46:58

MR30分布式 IO 模块在冷却水泵系统中的卓越应用

在当今各类工业生产以及大型设施运行的场景中，冷却水泵系统起着至关重要的作用，它犹如保障整个运转体系顺畅运行的 “血液循环系统”，维持着设备适宜的温度环境，确保其稳定、高效地工作。而随着科技的不断发展，明达技术…...

编程日记 2025/7/17 19:08:00

微前端基础知识入门篇（二）

概述在上一篇介绍了一些微前端的基础知识，详见微前端基础知识入门篇(一)。本文主要介绍qiankun微前端框架的实战入门内容。 qiankun微前端实践通过Vite脚手架分别创建三个程序，主应用A为：vite+vue3+ts,两个微应用分别为B：vite+vue3+ts;C:vite+React+ts。因为qiankun的…...

编程日记 2025/7/10 1:06:33

直接抄作业！Air780E模组LuatOS开发：位运算(bit)示例

在嵌入式开发中，位运算是一种高效且常用的操作技巧。本文将介绍如何使用Air780E模组和LuatOS进行位运算，并通过示例代码帮助读者快速上手。一、位运算概述位运算是一种在计算机系统中对二进制数位进行操作的运算。由于计算机内部数据的存储和处理都是…...

编程日记 2025/7/16 12:34:48

从零开始理解JVM：对象的生命周期之对象销毁（垃圾回收）

一、JVM参数在学垃圾回收器之前，我们先要知道，jvm参数是怎么回事。因为配置各种回收器，必须对应各种参数设置。标准参数（-） 所有的JVM实现都必须实现这些参数的功能，而且向后兼容 -help-version 非标准参…...

编程日记 2025/7/15 21:33:21

计算机网络的发展

目录起源与早期发展 ARPANET与TCP/IP协议的诞生互联网的诞生与普及高速互联网与无线网络的兴起移动互联网与云计算的崛起物联网、区块链与自动驾驶技术的兴起起源与早期发展计算机网络的雏形最早可以追溯到20世纪60年代，主要是为了共享大型计算资源。当…...

编程日记 2025/7/15 11:48:54

python3 自动更新的缓存类

这个类会在后台自动更新缓存数据，你只需要调用方法来获取数据即可。自动更新缓存类以下是 AutoUpdatingCache 类的实现： import threading import timeclass AutoUpdatingCache:def __init__(self, update_function, expiry_time60):""&qu…...

编程日记 2025/7/15 3:58:22

PICO 获取设备号 SN码

Unity版本 2020.3.42f1c1PICO SDK版本PICO Unity Integration SDK-3.0.5-20241105Pico设备pico 4ultra 注意此api暂时只测试企业版本 pico 4ultra 代码 using Unity.XR.PICO.TOBSupport;private void Awake() {bool result PXR_Enterprise.InitEnterpriseService();Debug.L…...

编程日记 2025/7/15 9:03:49

spf算法、三类LSA、区间防环路机制/规则、虚连接

1.构建spf树： 路由器将自己作为最短路经树的树根根据Router-LSA和Network-LSA中的拓扑信息,依次将Cost值最小的路由器添加到SPF树中。路由器以Router ID或者DR标识。广播网络中DR和其所连接路由器的Cost值为0。SPF树中只有单向的最短路径,保证了OSPF区域内路由计管不…...

编程日记 2025/7/17 1:08:15

计算机基础（下）

内存管理内存管理主要做了什么？ 操作系统的内存管理非常重要，主要负责下面这些事情： 内存的分配与回收：对进程所需的内存进行分配和释放，malloc 函数：申请内存，free 函数：释放内存…...

编程日记 2025/7/16 22:37:23