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

好用的js工具类

news 来源：原创 2025/5/26 5:08:40

格式化相关

// 数字每三位增加一个逗号
function toThousands(num) {if (num) {return num.toString().replace(/\d+/, function(n) {// 先提取整数部分return n.replace(/(\d)(?=(\d{3})+$)/g, function($1) {return $1 + ','})})} else {return 0}
}//输出10,000
toThousands(10000)//将大额数字转换为万、亿等,并向下保留2位小数
function bigNumberTransform(value,unit) {let newVal = Math.abs(value)let param = {}let k = 10000,sizes = ['元', '万', '亿', '万亿'],iif (newVal < k) {param.value = newValparam.unit = unit} else {i = Math.floor(Math.log(newVal) / Math.log(k))param.value = Math.floor((newVal / Math.pow(k, i)) * 100) / 100param.unit = sizes[i]+unit}if (value < 0) {param.value = '-' + toThousands(param.value)} else {param.value = toThousands(param.value)}return param
}//输出1,999.99万单
bigNumberTransform(19999999,'单')// 将undefined,null等转化为""
function praseStrEmpty(str) {if (!str || str === 'undefined' || str === 'null') {return ''}return str
}//手机号中间4位变****
function telFormat(tel) {return String(tel).slice(0, 3) + "****" + String(tel).slice(7);
}//将数字金额转换为大写中文金额
function digitUppercase (n) {const fraction = ['角', '分'];const digit = ['零', '壹', '贰', '叁', '肆','伍', '陆', '柒', '捌', '玖'];const unit = [['元', '万', '亿'],['', '拾', '佰', '仟']];n = Math.abs(n);let s = '';for (let i = 0; i < fraction.length; i++) {s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');}s = s || '整';n = Math.floor(n);for (let i = 0; i < unit[0].length && n > 0; i++) {let p = '';for (let j = 0; j < unit[1].length && n > 0; j++) {p = digit[n % 10] + unit[1][j] + p;n = Math.floor(n / 10);}s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;}return s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');
};//数字转化为中文数字
function intToChinese(value) {const str = String(value);const len = str.length-1;const idxs = ['','十','百','千','万','十','百','千','亿','十','百','千','万','十','百','千','亿'];const num = ['零','一','二','三','四','五','六','七','八','九'];return str.replace(/([1-9]|0+)/g, ( $, $1, idx, full) => {let pos = 0;if($1[0] !== '0'){pos = len-idx;if(idx == 0 && $1[0] == 1 && idxs[len-idx] == '十'){return idxs[len-idx];}return num[$1[0]] + idxs[len-idx];} else {let left = len - idx;let right = len - idx + $1.length;if(Math.floor(right / 4) - Math.floor(left / 4) > 0){pos = left - left % 4;}if( pos ){return idxs[pos] + num[$1[0]];} else if( idx + $1.length >= len ){return '';}else {return num[$1[0]]}}});
}

校验相关

//正整数校验
function validatePositiveInteger(num) {return !/^(0|\+?[1-9][0-9]*)$/.test(num)
}//最多两位小数
function validateMoney(money) {return !/^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/.test(money)
}// 不能只有空格
function validateAllBlank(value) {return value.trim().length === 0
}// 不能包含空格
function validateSpace(value) {return !/^\S*$/.test(value)
}// 只能包含英文字母
function validateEng (value) {return /[^a-zA-Z]/.test(value)
}//身份证号码校验
function checkIdCard (idCard) {var regexp = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/return regexp.test(idCard)
}
//邮箱校验
function isEmail(value) {return /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value);
}
//手机号校验
function checkPhoneNumber (phoneNumber) {return /^[1]([3-9])[0-9]{9}$/.test(phoneNumber.replace(/\s+/g, ''))
}

时间相关：使用moment或者dayjs

momentjs，dayjs常用方法-CSDN博客

好用的js工具类

格式化相关 // 数字每三位增加一个逗号 function toThousands(num) {if (num) {return num.toString().replace(/\d/, function(n) {// 先提取整数部分return n.replace(/(\d)(?(\d{3})$)/g, function($1) {return $1 ,})})} else {return 0} }//输出10,000 toThousands(10…...

编程日记 2025/5/26 5:08:40

C++ —— 基于范围的 for 循环

C —— 基于范围的 for 循环语法push_back() 与 emplace_back() 的区别**emplace_back()** 示例代码如下：**push_back()** 示例代码如下： 容器中的元素是结构体和类语法 C11中引入了基于范围的for循环，语法如下： for (迭代的变…...

编程日记 2025/5/25 14:55:27

15-spring整合mybatis方式一

spring整合mybatis 方式一【重要】步骤: 1.导入相关jar包 junit mybatis mysql数据库 spring相关的 aop织入 mybatis-spring 【new】 junit junit 4.12 mysql mysql-connector-java 8.0.23 org.mybatis mybatis 3.5.2 org.springframework spring-webmvc 5…...

编程日记 2025/5/22 11:11:32

数据结构：二叉树—面试题（一）

目录 1、相同的树 2、另一棵树的子树 3、翻转二叉树 4、平衡二叉树 5、对称二叉树 6、二叉树遍历 7、二叉树的分层遍历 1、相同的树习题链接https://leetcode.cn/problems/same-tree/description/https://leetcode.cn/problems/same-tree/description/ 描述&#xff1a…...

编程日记 2025/5/23 18:49:22

GPU算力平台|在GPU算力平台部署可图大模型Kolors的应用实战教程

文章目录一、GPU算力服务平台GPU算力服务平台的概述二、平台账号注册流程可图大模型Kolors的应用实战教程可图大模型的介绍可图大模型的应用场景可图大模型Kolors的部署步骤一、GPU算力服务平台 GPU算力服务平台的概述蓝耘GPU算力平台专为高性能计算设计，广泛…...

编程日记 2025/5/24 4:52:33

Linux探秘坊-------4.进度条小程序

1.缓冲区 #include <stdio.h> int main() {printf("hello bite!");sleep(2);return 0; }执行此代码后，会先停顿两秒，再打印出hello bite，但是明明打印在sleep前面，为什么会后打印呢？ 因为&#xff…...

编程日记 2025/5/24 19:59:13

Ansys Motor-CAD：IPM 电机实验室 - 扭矩速度曲线

各位电动机迷们，大家好： 在本博客中，我讨论了如何使用 Ansys Motor-CAD 通过 LAB 模块获取扭矩速度曲线。使用每安培最大扭矩电机控制策略，并涵盖恒定扭矩区域和恒定功率、磁通减弱区域。分析了高转子速度如何影响功率输出。模型…...

编程日记 2025/5/21 22:15:19

关于事件捕获和事件冒泡的理解

我一直对事件捕获和事件冒泡是挺困惑的，好像理解了，但又感觉哪里不对。这篇文章打算深入探讨一些细节性的问题，更好的理解事件捕获和事件冒泡。当我们点击的时候，浏览器的默认行为是怎么样的？ 搞清楚这个非常的重要…...

编程日记 2025/5/22 21:25:43

如何使用HASH创建低交互式蜜罐系统

关于HASH HASH是一个用于创建和启动低交互蜜罐的框架，可以帮助广大研究人员轻松创建HTTP无关的低交互式软件蜜罐。 HASH 的主要理念是易于配置，能够灵活地模拟在 HTTP/HTTPs 上运行的任何软件。尽可能减少占用空间，避免被检测为蜜罐。功能…...

编程日记 2025/5/22 22:16:12

vue3+vite+ts安装wangeditor富文本编辑器

需求: 实现粘贴,上传图片时本地渲染但并不实现上传功能,工具栏移除不需要的工具安装方法看官网安装 | wangEditor 封装子组件 wangEditor.vue <template><div><div style"border: 1px solid #ccc; margin-top: 10px"><Toolbar:editor&qu…...

编程日记 2025/5/25 4:41:22

PostIn教程-安装配置

PostIn是一款国产开源免费的接口管理工具，包含项目管理、接口调试、接口文档设计、接口数据MOCK等模块，支持常见的HTTP协议、websocket协议等，支持免登陆本地接口调试，同时可以对项目进行灵活的成员权限、消息通知管理等。 1、服务…...

编程日记 2025/5/23 0:42:27

SpringBoot读取配置优先级顺序是什么？

Spring Boot外部化配置详解目录引言Spring Boot外部化配置概述配置加载优先级配置加载顺序详解实际案例总结引言 Spring Boot因其“开箱即用”的特性，极大地简化了Java应用的开发和部署过程。它通过外部化配置机制，允许开发者根据不同的环境&#x…...

编程日记 2025/5/25 1:14:37

群晖docker获取私有化镜像http: server gave HTTP response to HTTPS client].

群晖docker获取私有化镜像提示http: server gave HTTP response to HTTPS clien 问题描述层级时间用户事件Information2023/07/08 12:47:45cxlogeAdd image from xx.xx.31.240:1923/go-gitea/gitea:1.19.3Error2023/07/08 12:47:48cxlogeFailed to pull image [Get "http…...

编程日记 2025/5/25 1:14:16

MySQL8【学习笔记】

第一章前提须知 1.1 需要学什么 Dbeaver 的基本使用SQL 语句：最重要的就是查询（在实战的时候，你会发现我们做的绝大部分工作就是 “查询”）MySQL 存储过程（利用数据库底层提供的语言，去进行业务逻辑的封装…...

编程日记 2025/5/22 22:13:07

汇编实验·子程序设计

一、实验目的： 1.掌握汇编中子程序编写方法 2.掌握程序传递参数的基本方法，返回值的方法。 3.掌握理解子程序（函数）调用的过程二、实验内容 1.编写汇编语言子程序，实现C表达式SUM=X+Y的功能，具体要求： 1)函数的参数传递采用寄存器实现 2)函数的参数传递采用堆栈…...

编程日记 2025/5/22 22:12:53

EDI安全：2025年数据保护与隐私威胁应对策略

在数字化转型的浪潮中，电子数据交换（EDI）已成为企业间信息传递的核心基础设施。然而，随着数据规模的指数级增长和网络威胁的日益复杂化，EDI安全正面临前所未有的挑战。展望2025年，企业如何构建一套全面、高…...

编程日记 2025/5/23 19:31:15

Cloudpods是一个开源的Golang实现的云原生的融合多云/混合云的云平台，也就是一个“云上之云”。

Cloudpods是一个开源的Golang实现的云原生的融合多云/混合云的云平台，也就是一个“云上之云”。Cloudpods不仅可以管理本地的虚拟机和物理机资源，还可以管理多个云平台和云账号。Cloudpods隐藏了这些异构基础设施资源的数据模型和API的差异，对…...

编程日记 2025/5/24 16:23:27

C++小病毒-1.0勒索

内容供学习使用,不得转卖,代码复制后请1小时内删除,此代码会危害计算机安全,谨慎操作在C20环境下,并在虚拟机里运行此代码! #include <iostream> #include <windows.h> #include <shellapi.h> #include <stdio.h> #include <fstream> #include…...

编程日记 2025/5/25 14:23:27

MySQL入门（数据库、数据表、数据、字段的操作以及查询相关sql语法）

天行健，君子以自强不息；地势坤，君子以厚德载物。每个人都有惰性，但不断学习是好好生活的根本，共勉！ 文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。…...

编程日记 2025/5/25 7:12:44

AIGC视频扩散模型新星：Video 版本的SD模型

大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍慕尼黑大学携手 NVIDIA 等共同推出视频生成模型 Video LDMs。NVIDIA 在 AI 领域的卓越成就家喻户晓，而慕尼黑大学同样不容小觑，…...

编程日记 2025/5/24 7:20:07

08-ArcGIS For JavaScript-通过Mesh绘制几何体（Cylinder，Circle，Box，Pyramid）

目录概述代码实现1、Mesh.createBox2、createPyramid3、Mesh.createSphere4、Mesh.createCylinder 完整代码概述对于三维场景而言，二位的点、线、面，三维的圆、立方体、圆柱等都是比较常见的三维对象，在ArcGIS For JavaScript中我们知道点…...

编程日记 2025/5/25 2:35:57

在 Go 语言中如何高效地处理集合

文章精选推荐 1 JetBrains Ai assistant 编程工具让你的工作效率翻倍 2 Extra Icons：JetBrains IDE的图标增强神器 3 IDEA插件推荐-SequenceDiagram，自动生成时序图 4 BashSupport Pro 这个ides插件主要是用来干嘛的 ？ 5 IDEA必装的插件&…...

编程日记 2025/5/24 0:54:15

Python的进程和线程

ref 讲个故事先这就像一个舞台（CPU核心）， 要供多个剧组演出多个剧目（进程）， 剧目中有多个各自独立的角色（线程），有跑龙套的，有主角，第一…...

编程日记 2025/5/25 4:52:06

基于单片机的智能台灯设计

摘要：方向和亮度，采用的是手动调节。而对于儿童来说，他们通常不知道如何调整以及调整到何种程度。本文设计了一款智能台灯，当有人的台灯是用于阅读学习而设计使用的灯，一般台灯用的灯泡是白炽灯、节能灯泡以及市面上流行的护眼台灯，可以调节高度、光照的时候，可以根据…...

编程日记 2025/5/25 8:13:45

vue3案例：筛选部门、选择人员案例组件

可以控制可以选多人，或者只能选单人可以做部门筛选再选人，没有部门情景，直接显示全部人员，有输入框可以搜索人员 ✨一、实现功能需求： 可以灵活控制，多选或者单选人员配合部门进行部门下的人员筛选详细…...

编程日记 2025/5/25 10:13:31

Spring MVC：综合练习 - 深刻理解前后端交互过程

目录 1. Lombok 1.1 引入 lombok 依赖 1.1.1 通过 Maven 仓库引 lombok 依赖 1.1.2 通过插件引入 lombok 依赖 1.2 Data 1.3 其他注解 2. 接口文档 2.1 接口(api) 2.2 接口文档 3. 综合练习 - 加法计算器 3.1 定义接口文档 3.2 准备工作 - 前端代码 3.3 后端代码 …...

编程日记 2025/5/22 21:39:25

Debian常用命令

以下是完整的 Linux 命令大全，适用于 Debian、Ubuntu 及其衍生系统，涵盖系统管理、文件操作、磁盘管理、用户管理、网络调试、安全、进程管理等多个方面。目录基本命令关机与重启文件和目录管理文件搜索挂载文件系统磁盘空间管理用户和群组管理文件和…...

编程日记 2025/5/20 21:59:12

【FFmpeg】FLV 格式分析 ③ ( Tag Body 数据块体结构 - Vedio Data 视频数据 )

文章目录一、Tag Body 数据块体结构 - Video Data 视频数据1、Vedio Data 视频数据类型标识2、Vedio Data 视频数据结构分析3、Composition Time Offset 字段涉及的时间计算4、AVC Packet Type 字段说明① AVC Sequence Header 类型② AVC NALU 类型③ AVC End of Sequence …...

编程日记 2025/5/24 1:22:46

开源鸿蒙开发者社区记录

lava鸿蒙社区可提问 Laval社区开源鸿蒙项目 OpenHarmony 开源鸿蒙开发者论坛 OpenHarmony 开源鸿蒙开发者论坛...

编程日记 2025/5/24 20:14:10

MinIO的安装与使用

目录 1、安装MinIO 1.1 下载 MinIO 可执行文件 1.2 检查 MinIO 是否安装成功 1.3 设置数据存储目录 1.4 配置环境变量（可选） 1.5 编写启动的脚本 1.6 开放端口 1.7 访问 2、项目实战 2.1 引入依赖 2.2 配置yml文件 2.3 编写Minio配置类 2.4…...

编程日记 2025/5/22 11:42:07

【分布式日志篇】从工具选型到实战部署：全面解析日志采集与管理路径

网罗开发 （小红书、快手、视频号同名） 大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等…...

编程日记 2025/5/22 13:23:26

Spring Boot/MVC

一、Spring Boot的创建 1.Spring Boot简化Spring程序的开发,使用注解和配置的方式开发 springboot内置了tomact服务器 tomact:web服务器,默认端口号8080,所以访问程序使用8080 src/main/java:Java源代码 src/main/resource:静态资源或配置文件,存放前端代码(js,css,html) s…...

编程日记 2025/5/22 11:41:00

uni-app连接EventSource

前言 uniapp默认是不支持event-source，这里是借助renderjs进行SSE连接正文引入event-source-polyfill 这里演示的是直接将代码下载到本地进行引入下载地址把里面的eventsource.min.js文件放到项目中的static文件夹项目封装event-source.vue组件 <templ…...

编程日记 2025/5/25 23:12:25

[SCTF2019]babyre

[SCTF2019]babyre 一、查壳无壳，64位二、IDA分析 1.没有main，那就shifef12 点击： 再进： 都是花指令，所以要先解决花指令三、解决花指令，得到完整的 main 往上面翻，注意看爆红的&#x…...

编程日记 2025/5/24 15:51:06

简洁实用的wordpress外贸模板

简洁、实用、大气的wordpress外贸模板，适合跨境电商搭建外贸B2B产品展示型网站。简洁实用的wordpress外贸模板 - 简站WordPress主题简洁、实用、大气的wordpress外贸模板，适合跨境电商搭建外贸B2B产品展示型网站。https://www.jianzhanpress.com/?p828…...

编程日记 2025/5/23 19:05:04

每日一题 414. 第三大的数

414. 第三大的数简单 class Solution { public:int thirdMax(vector<int>& nums) {int n nums.size();long first , second,third;first second third LONG_MIN ;bool find false;for(auto num : nums){if(num > first){ third second;second first…...

编程日记 2025/5/25 19:17:36

TVM框架学习笔记

TVM是陈天齐等人一个开源的深度学习编译器栈，用于优化和部署机器学习模型到各种硬件后端。它支持多种前端框架，如TensorFlow、PyTorch、ONNX等，并且可以在不同的硬件平台上运行，包括CPU、GPU和专用加速器。官方文档： Apache TVM Documentation — tvm 0.20.dev0 documenta…...

编程日记 2025/5/21 13:46:53

Codeforces Round 998 (Div. 3)

文章目录 EF E 原题链接思路： 题目要求对于 G 中存在路径的两个点，在 F 中也必须存在路径，不是两个点存在直连的边。两个点存在路径，说明俩个点在同一个连通块。我们用并查集来维护图的连通块。最终的要求就是把 F 的并查集通…...

编程日记 2025/5/20 6:13:58

Vue.js 渐进式增强：如何逐步为传统项目注入活力

Vue.js 是一个渐进式框架，这意味着你可以将它逐步引入到现有项目中，而无需彻底重构。渐进式增强特别适合那些已经在使用传统服务器渲染框架（如 PHP、Django、Laravel）的项目，为它们增加动态交互功能。本篇教程将介绍如…...

编程日记 2025/5/21 8:17:57

【算法】经典博弈论问题——巴什博弈 python

目录前言巴什博弈(Bash Game)小试牛刀PN分析实战检验总结前言博弈类问题大致分为： 公平组合游戏、非公平组合游戏（绝大多数的棋类游戏）和反常游戏巴什博弈(Bash Game) 一共有n颗石子，两个人轮流拿，每次可以拿1~m颗…...

编程日记 2025/5/25 18:54:29

【技术洞察】2024科技绘卷：浪潮、突破、未来

涌动与突破 2024年，科技的浪潮汹涌澎湃，人工智能、量子计算、脑机接口等前沿技术如同璀璨星辰，方便了大家的日常生活，也照亮了人类未来的道路。这一年，科技的突破与创新不断刷新着人们对未来的想象。那么回顾2024年的科…...

编程日记 2025/5/26 3:50:15

【0x06】HCI_Authentication_Complete事件详解

目录一、事件概述二、事件格式及参数 2.1. HCI_Authentication_Complete事件格式 2.2. Status 2.3. Connection_Handle 三、事件的生成于处理 3.1. 事件生成 3.2. 认证流程 3.2.1. 发送认证请求 3.2.2. 处理流程 3.2.3. 示例代码四、应用场景 4.1. 设备配对与连…...

编程日记 2025/5/22 11:16:10

JS-Web API -day03

一、事件流 1.1 事件流与两个阶段说明事件流指的是事件完整执行过程中的流动路径假设页面有个div标签，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段捕获阶段：Document - Element html - Elementbody - Element div…...

编程日记 2025/5/24 15:32:19

电子应用设计方案103：智能家庭AI浴缸系统设计

智能家庭 AI 浴缸系统设计一、引言智能家庭 AI 浴缸系统旨在为用户提供更加舒适、便捷和个性化的沐浴体验，融合了人工智能技术和先进的水疗功能。二、系统概述 1. 系统目标 - 实现水温、水位和水流的精确控制。 - 提供多种按摩模式和水疗功能。 - 具备智能清洁…...

编程日记 2025/5/24 1:56:30

linux静态库+嵌套makefile

linux静态库嵌套makefile 文章目录 linux静态库嵌套makefile1、概述2、代码结构3、代码1）main.c2）主makefile3）fun.c4）func.h5）静态库makefile 4、运行效果1）在main.c目录下执行make2）到output目…...

编程日记 2025/5/23 17:13:42

AIP-127 HTTP和gRPC转码

编号127原文链接AIP-127: HTTP and gRPC Transcoding状态批准创建日期2019-08-22更新日期2019-08-22 遵守面向资源设计的API使用RPC进行定义，但面向资源设计框架允许这些API表现为整体上符合REST/JSON约定的接口。这一点很重要，可以帮助开发者利用现有知…...

编程日记 2025/5/24 15:31:34

代码随想录算法训练营day32

代码随想录算法训练营 —day32 文章目录代码随想录算法训练营前言一、动态规划理论基础二、509. 斐波那契数动态规划动态规划优化空间版递归法三、70. 爬楼梯动态规划动态规划空间优化 746. 使用最小花费爬楼梯动态规划空间优化总结前言今天是算法营的第32天&#xff0c…...

编程日记 2025/5/24 6:32:17

设计模式的艺术-开闭原则

原则使用频率图（仅供参考） 1.如何理解开闭原则简单来说，开闭原则指的是 “对扩展开放，对修改关闭”。当软件系统需要增加新的功能时，应该通过扩展现有代码的方式来实现，而不是去修改已有的代码。例如我…...

编程日记 2025/5/25 17:44:10

【易康eCognition实验教程】003：点云数据加载浏览与操作详解

文章目录一、加载并创建点云数据二、三维浏览1. 点云模式2. 点云视图设置三、使用点云一、加载并创建点云数据本实验点云数据位于专栏配套实验数据包中的data003.rar中的terrian.las，解压后进行以下实验操作。打开ecognition软件，点击【File】→【…...

编程日记 2025/5/22 10:34:31

海外雅思备考经验

1.18号斯图雅思考试第一次考雅思，第一次在国外考雅思！ 最近在德国斯图加特联培，报考了1月18号的雅思机考，下面分享一些考试经验. ✌️考试地点 EZ Plus WEST Hasenbergstr. 31/1,, in the backyard of Hasenbergstrae 31, Stuttg…...

编程日记 2025/5/22 22:58:07

格式化相关

校验相关

时间相关：使用moment或者dayjs

相关文章：