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

node + Redis + svg-captcha 实现验证码

news 来源：原创 2025/7/23 16:20:30

前提说明

Redis链接与封装

svg-captcha使用步骤

封装中间件验证

前端接收

扩展【svg API】

svgCaptcha.create(options)

svgCaptcha.createMathExpr(options)

svgCaptcha.loadFont(url)

svgCaptcha.options

svgCaptcha.randomText([size|options])

svgCaptcha(text, options)

uuid

如何在 Node JS 中生成唯一 ID

前提说明

本文章采用了svg-captcha方法去实现验证码功能，后端是 koa 前端是vue。
实现方式：

通过后端生成验证码与uuid，把验证码与uuid绑定的值存到Redis中;
再把验证码发到前端，前端去接收并把验证码在界面中显示出来;
前端输入验证码后提交到后端，后端和Redis中保存的验证码做对比，看是否一致。

Redis链接与封装

Redis 教程看作者 Redis 文章前端全栈 === 快速入门 Redis-CSDN博客

这里我们封装成单例模式方便全局使用

const { createClient } = require("redis");/*** Redis客户端工具类* 提供Redis连接管理和常用操作方法*/
class RedisClient {static instance = null;client = null;/*** 私有构造函数，防止直接实例化*/constructor() {// 单例模式 防止重复创建if (RedisClient.instance) {return RedisClient.instance;}RedisClient.instance = this;}/*** 获取Redis客户端实例（单例模式）* @returns {RedisClient}*/static getInstance() {if (!RedisClient.instance) {RedisClient.instance = new RedisClient();}return RedisClient.instance;}/*** 初始化Redis连接* @param {Object} config Redis配置项* @returns {Promise<void>}*/async connect(config = {}) {try {if (this.client) return;this.client = createClient({url: config.url || "redis://localhost:6379",password: config.password || "",// Redis中的database用于数据隔离,默认使用0号数据库// 可以通过SELECT命令切换,范围0-15,不同库数据相互独立database: config.database || 0,...config,});this.client.on("error", (err) => {console.error("Redis连接错误:", err);});this.client.on("connect", () => {console.log("Redis连接成功");});await this.client.connect();} catch (error) {console.error("Redis初始化失败:", error);throw error;}}/*** 设置键值对* @param {string} key 键* @param {any} value 值* @param {number} ttl 过期时间（秒）* @returns {Promise<void>}*/async set(key, value, ttl = null) {try {if (!this.client) await this.connect();const stringValue =typeof value === "string" ? value : JSON.stringify(value);if (ttl) {await this.client.setEx(key, ttl, stringValue);} else {await this.client.set(key, stringValue);}} catch (error) {console.error("Redis设置键值对失败:", error);throw error;}}/*** 获取键值* @param {string} key 键* @returns {Promise<any>}*/async get(key) {try {if (!this.client) await this.connect();const value = await this.client.get(key);if (!value) return null;try {return JSON.parse(value);} catch {return value; // 如果不是JSON格式，返回原始值}} catch (error) {console.error("Redis获取键值失败:", error);throw error;}}/*** 删除键* @param {string} key 键* @returns {Promise<boolean>}*/async del(key) {try {if (!this.client) await this.connect();return await this.client.del(key);} catch (error) {console.error("Redis删除键失败:", error);throw error;}}/*** 设置键的过期时间* @param {string} key 键* @param {number} seconds 过期时间（秒）* @returns {Promise<boolean>}*/async expire(key, seconds) {try {if (!this.client) await this.connect();return await this.client.expire(key, seconds);} catch (error) {console.error("Redis设置过期时间失败:", error);throw error;}}/*** 检查键是否存在* @param {string} key 键* @returns {Promise<boolean>}*/async exists(key) {try {if (!this.client) await this.connect();return await this.client.exists(key);} catch (error) {console.error("Redis检查键存在失败:", error);throw error;}}/*** 关闭Redis连接* @returns {Promise<void>}*/async quit() {try {if (this.client) {await this.client.quit();this.client = null;}} catch (error) {console.error("Redis关闭连接失败:", error);throw error;}}
}// 导出Redis客户端单例
module.exports = RedisClient.getInstance();

svg-captcha使用步骤

安装svg-captcha

npm i svg-captcha -S

后端生成验证码

1. 生成验证码
2. 将验证码存入redis 生成uuid与之绑定
3. 保存到 redis 设置过期时间10分钟
4. 返回结果绑定的key 与生成的结果

const { v4: uuidv4 } = require("uuid");
const Redis = require("../utils/redis");
async getCaptcha(ctx, next) {// 1. 生成验证码let captcha = svgCaptcha.create({size: 4, // 验证码长度ignoreChars: "0o1i", // 验证码字符中排除 0o1inoise: 2, // 干扰线条数color: true, // 验证码字体颜色background: "#fff", // 验证码图片背景颜色width: 150, // 验证码图片宽度height: 38, // 验证码图片高度});// 2. 将验证码存入redisconst captchaKey = `captcha:${uuidv4()}`;// 3. 保存到 redis 设置过期时间10分钟await Redis.set(captchaKey, captcha.text.toLowerCase(), 60 * 10);// 4. 返回结果ctx.body = {code: 0,message: "生成验证码成功",result: {captcha: captcha.data,captchaKey,},};}

封装中间件验证

1,验证签到参数
2.验证是否在有效期内没有则为失效
3 验证码是否正确

// 验证验证码
const verifyCaptcha = async (ctx, next) => {const { captcha, captchaKey } = ctx.request.body;// 验证码是否存在if (!captcha || !captchaKey) {ctx.app.emit("error", captchaIsRequired, ctx);return;}// 验证码是否存在const redisCaptcha = await Redis.get(captchaKey);if (!redisCaptcha) {ctx.app.emit("error", redisCaptchaNotFount, ctx);return;}// 验证码是否正确if (captcha.toLowerCase() !== redisCaptcha.toLowerCase()) {ctx.app.emit("error", invalidCaptcha, ctx);return;}await next();
};

注意 ⚠️ 使用完毕后要清除Redis避免重复使用

    //删除验证码 防止重复使用await Redis.del(captchaKey);

前端接收

获取验证码
展示验证码
给后端携带captchaKey&& 用户输入的验证码
失效记得自动刷新验证码

<!-- html部分 -->
<el-inputv-model="formModel.captcha":prefix-icon="Picture"placeholder="请输入验证码"class="captcha-input">
</el-input>
<!-- script部分 -->
// 页面加载时获取验证码
onMounted(() => {refreshCaptcha();
});
//获取
const refreshCaptcha = async () => {try {const { result } = await getCaptcha();captchaImg.value = result.captcha;captchaKey.value = result.captchaKey;} catch (error) {console.error("获取验证码失败:", error);}
};
//注册
const register = async () => {try {// 注册成功之前先进行校验，校验成功 ==》请求 校验失败 ==》 自动提示await form.value.validate();console.log("开始注册请求");await userRegisterService({...formModel.value,captchaKey: captchaKey.value,});ElMessage.success("注册成功");refreshCaptcha();isRegister.value = false;} catch (error) {console.log(error);// 10110 验证码过期if (error.code == "10110") {refreshCaptcha();}}
};

扩展【svg API】

svgCaptcha.create(options)

如果未传递任何选项，则将获得一个随机字符串，该字符串包含四个字符和相应的svg。

size：4 //随机字符串的大小
ignoreChars：’0o1i’//过滤掉一些字符，例如0o1i
noise：1 //噪声线数
color：true //字符将具有不同的颜色而不是灰色，如果设置了背景选项，则为true
background：’＃cc9966’// SVG图片的背景颜色

此函数返回具有以下属性的对象：

data：字符串// svg路径数据
text：字符串//验证码文本

svgCaptcha.createMathExpr(options)

与创建api类似，您可以使用上述选项以及3个其他选项：

mathMin：1 //数学表达式可以为的最小值
mathMax：9 //数学表达式可以为的最大值
mathOperator：+ //要使用+，-或的运算符+-（对于random +或-）

此函数返回具有以下属性的对象：

data：string //数学表达式的svg
text：string //数学表达式的答案

svgCaptcha.loadFont(url)

加载您自己的字体并覆盖默认字体。
ps: 这个api真心没弄懂

url：string // 字体的路径此api是opentype.js的loadFont api的包装。
您可能需要围绕各种选项进行实验，以使自己的字体可访问。

svgCaptcha.options

访问全局设置对象。它用于create和createMathExpr api作为默认选项。

除了大小，噪点，颜色和背景之外，您还可以设置以下属性：

width：数字//验证码的宽度
height：数字//验证码的高度
fontSize：数字//验证码文字大小
charPreset：字符串//随机字符预设

svgCaptcha.randomText([size|options])

返回一个随机字符串。

svgCaptcha(text, options)

根据提供的文本返回svg验证码。

在1.1.0之前的版本中，您必须调用这两个函数，
现在您可以调用create（）保存一些按键；）。

uuid

在 Microsoft 版本中也称为全局唯一标识符，通用唯一标识符是用于创建唯一 ID 的 128 位标签。这些 ID 通常用于识别数据库中的实体，以唯一地记录个人身份。在这种情况下使用时，这些 ID 通常被称为数据库键。

如何在 Node JS 中生成唯一 ID

世界上任何人生成两个相似的 UUID 的可能性几乎为零。这就是为什么它们被称为普遍独特的原因。

互联网工程任务组提出了一份名为 RFC 的出版物，该出版物定义了一组标准，用于创建生成这些 UUID 以保持其在全球范围内的唯一性的算法。

有几个 Node js 模块用于在 Node JS 中创建 UUID。但是，最常用的包是 UUID 包。

我们可以使用下面的 npm 包安装程序命令安装 UUID 包。

npm install uuid

这个包可以与 Node js 8、10、12 和 14 一起使用，但它也是跨平台的，这意味着我们可以使用 ES6 syntax 或 CommonJS 来安全地生成加密的大量随机数。

现在，由于 UUID 包支持 RFC4122 版本 1、3、4 和 5 UUID，这意味着我们可以根据需要生成不同类型的 UUID。

版本 1 是基于时间的 UUID，它使用随机数、日期时间值和设备的 MAC 地址的组合来生成通用唯一 ID。

第 4 版 UUID 可能是最简单的 ID，因为它们是从字符 a 到 z 和 0 到 9 生成的。

另一方面，版本 3 和 5 UUID 使用预先存在的命名空间日期和名称数据来生成随机的字母数字 UUID。

使用 CommonJS 语法，我们可以生成 UUID 的版本 4 和版本 1，如下所示。

const {v4: uuidv4} = require('uuid');
const {v1: uuidv1} = require('uuid');
console.log(uuidv4());
console.log(uuidv1());

输出：

ddd3b16f-2b6c-4fef-9f21-aaa52d1f983c
69b42bc0-7a15-11ec-a689-5191cd2179b0

或者，我们可以使用 ES6 模块语法而不是 CommonJS，并且仍然生成任何版本的 UUID，如下所示。

请记住在 package.json 中设置 type: module 以使用此语法。

import {v1 as uuidv1, v4 as uuidv4} from 'uuid';console.log(uuidv4());
console.log(uuidv1());

输出：

9cae2569-010e-4a69-867c-65601234e2a5
0b2567c0-7a17-11ec-9b81-19257147bda6

我们还可以使用从 Node js 的 4.17.0 版添加的加密模块生成 UUID。

在 Node js 的早期版本中，除了使用诸如 UUID 包之类的外部包之外，没有办法在本地生成 UUID。

使用这个模块，我们可以使用 randomUUID options 方法生成多达 128 个 RFC4122 版本 4 UUIDs，只需在我们的程序顶部简单地要求 crypto 模块。

默认情况下，Node js 将缓存足够的数据以使用此方法生成多达 128 个版本 4 UUID。但是，我们也可以通过将禁用 EntropyCache 的对象设置为 true 来生成不缓存的 UUID。

const crypto = require('crypto');
console.log(crypto.randomUUID());

输出：

7a2e09e9-4059-438d-89cf-c2badb76ed3c

node + Redis + svg-captcha 实现验证码

目录前提说明 Redis链接与封装 svg-captcha使用步骤封装中间件验证前端接收扩展【svg API】 svgCaptcha.create(options) svgCaptcha.createMathExpr(options) svgCaptcha.loadFont(url) svgCaptcha.options svgCaptcha.randomText([size|options]) svgCaptcha(…...

编程日记 2025/7/23 16:20:30

dubbo-go框架介绍

框架介绍什么是 dubbo-go Dubbo-go 是 Apache Dubbo 的 go 语言实现，它完全遵循 Apache Dubbo 设计原则与目标，是 go 语言领域的一款优秀微服务开发框架。dubbo-go 提供： API 与 RPC 协议：帮助解决组件之间的 RPC 通信问题&am…...

编程日记 2025/7/22 18:36:05

玛哈特矫平机：工业制造中的平整利器

在日新月异的工业制造领域，每一个细节都至关重要。而在这其中，矫平机以其独特的功能和卓越的性能，成为了不可或缺的重要工具。它就像一位技艺高超的工匠，精心雕琢着每一件工业产品，赋予它们平整、光滑的表面。矫平机…...

编程日记 2025/7/22 17:37:47

IDEA 2024安装指南（含安装包以及使用说明 cannot collect jvm options 问题四）

汉化 setting 中选择插件完成安装出现问题 1.可能是因为之前下载过的idea，找到连接中文件，卸载即可。...

编程日记 2025/7/23 19:05:51

Jmeter中的定时器

4）定时器 1--固定定时器功能特点固定延迟：在每个请求之间添加固定的延迟时间。精确控制：可以精确控制请求的发送频率。简单易用：配置简单，易于理解和使用。配置步骤添加固定定时器右键点击需要添加定时器的请求…...

编程日记 2025/7/20 16:21:24

共享单车管理系统项目学习实战

前言 Spring Boot Vue前后端分离前端：Vue（CDN） Element axios(前后端交互) BaiDuMap ECharts(图表展示) 后端：Spring Boot Spring MVC(Web) MyBatis Plus(数据库) 数据库:MySQL 验证码请求 git提交 cd C:/Users/Ustini…...

编程日记 2025/7/20 13:31:32

学Linux的第九天--磁盘管理

目录一、磁盘简介 （一）、认知磁盘 （1）结构 （2）物理设备的命名规则 （二）、磁盘分区方式 MBR分区 MBR分区类型扩展 GPT格式 lsblk命令使用fdisk管理分区使用gdisk管理分…...

编程日记 2025/7/19 4:18:21

CLIP-Adapter: Better Vision-Language Models with Feature Adapters 论文解读

abstract 大规模对比视觉-语言预训练在视觉表示学习方面取得了显著进展。与传统的通过固定一组离散标签训练的视觉系统不同，(Radford et al., 2021) 引入了一种新范式，该范式在开放词汇环境中直接学习将图像与原始文本对齐。在下游任务中，通…...

编程日记 2025/7/22 19:49:13

D74【 python 接口自动化学习】- python 基础之HTTP

day74 http基础定义学习日期：20241120 学习目标：http定义及实战 -- http基础介绍学习笔记： HTTP定义 HTTP 是一个协议（服务器传输超文本到浏览器的传送协议），是基于 TCP/IP 通信协议来传递数据&…...

编程日记 2025/7/21 20:06:38

维护表空间和数据文件（一）

学习目标定义表空间和数据文件的用途创建表空间管理表空间使用Oracle管理文件（OMF）创建和管理表空间获取表空间信息表空间和数据文件 Oracle逻辑上将数据存储在表空间中，物理上将数据存储在数据文件中。 Tablespaces： 一次只…...

编程日记 2025/7/20 22:51:07

H.265流媒体播放器EasyPlayer.js H5流媒体播放器关于如何查看手机端的日志信息并保存下来

现今流媒体播放器的发展趋势将更加多元化和个性化。人工智能的应用将深入内容创作、用户体验优化等多个方面，带来前所未有的个性化体验。 EasyPlayer.js H.265流媒体播放器属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放&#…...

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

Apple Vision Pro开发003-PolySpatial2.0新建项目

unity6.0下载链接:Unity 实时开发平台 | 3D、2D、VR 和 AR 引擎一、新建项目二、导入开发包 com.unity.polyspatial.visionos 输入版本号 2.0.4 com.unity.polyspatial（单独导入），或者直接安装三、对应设置其他的操作与之前的版本相同…...

编程日记 2025/6/27 20:55:14

解决 npm xxx was blocked, reason: xx bad guy, steal env and delete files

问题复现今天一位朋友说，vue2的老项目安装不老依赖，报错内容如下： npm install 451 Unavailable For Legal Reasons - GET https://registry.npmmirror.com/vab-count - [UNAVAILABLE_FOR_LEGAL_REASONS] vab-count was blocked, reas…...

编程日记 2025/7/22 8:46:58

leetcode 面试150之 156.LUR 缓存

请你设计并实现一个满足 LRU (最近最少使用) 缓存约束的数据结构。实现 LRUCache 类： LRUCache(int capacity) 以正整数作为容量 capacity 初始化 LRU 缓存int get(int key) 如果关键字 key 存在于缓存中，则返回关键字的值，否则返回 -…...

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

Vue 动态给 data 添加新属性深度解析：问题、原理与解决方案

在 Vue 中，动态地向 data 中添加新的属性是一个常见的需求，但它也可能引发一些问题，尤其是关于响应式更新和数据绑定的问题。Vue 的响应式系统通过 getter 和 setter 来追踪和更新数据，但动态添加新属性时，Vue 并不会自动为这些新属性创建响应式链接。 1. 直接向 V…...

编程日记 2025/7/20 6:02:06

Unity类银河战士恶魔城学习总结（P141 Finalising ToolTip优化UI显示）

【Unity教程】从0编程制作类银河恶魔城游戏_哔哩哔哩_bilibili 教程源地址：https://www.udemy.com/course/2d-rpg-alexdev/ UI部分暂时完结！！！ 本章节优化了UI中物品描述的显示效果，技能描述的显示效果并且可以批…...

编程日记 2025/7/23 12:56:54

面试：请阐述MySQL配置文件my.cnf中参数log-bin和binlog-do-db的作用

大家好，我是袁庭新。星球里的小伙伴去面试，面试官问：MySQL配置文件my.cnf中参数log-bin和binlog-do-db的作用？一脸懵逼～不知道该如何回答。在MySQL的配置文件my.cnf中，log-bin和binlog-do-db是与二进制日志…...

编程日记 2025/7/21 12:52:24

监控报警系统的指标、规则与执行闭环

随笔从千万粉丝“何同学”抄袭开源项目说起，为何纯技术死路一条？ 数据源的统一与拆分监控报警系统的指标、规则与执行闭环 java 老矣，尚能饭否？ 一骑红尘妃子笑，无人知是荔枝来! 有所依我们如何知道系统交易…...

编程日记 2025/7/16 1:40:52

玩转数字与运算：用C语言实现24点游戏的扑克牌魅力

✅作者简介：2022年博客新星第八。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏…...

编程日记 2025/7/20 8:37:11

动态反馈控制器（DFC）和服务率控制器（SRC）；服务率和到达率简单理解

目录服务率和到达率简单理解服务率到达率排队论中的应用论文解析：队列等待成本动态感知控制模型动态反馈和队列等待成本意识：服务速率调整算法：动态反馈控制器（DFC）和服务率控制器（SRC） SRC公式4的原理算力资源分配系统中的调整消耗举例说明服务…...

编程日记 2025/7/19 1:52:01

Flutter-Web首次加载时添加动画

前言现在web上线后首次加载会很慢，要5秒以上，并且在加载的过程中界面是白屏。因此想在白屏的时候放一个加载动画实现步骤 1.找到web/index.html文件 2.添加以下<style>标签内容到<head>标签中 <style>.loading {display: flex;…...

编程日记 2025/7/5 16:06:03

stl 实现非容器类型元素和容器元素比较

在 C 标准模板库（STL）中，有许多算法可以接受自定义的比较函数（Compare）。这些算法通常涉及排序、查找、合并、集合操作等场景，允许用户通过 Compare 函数指定如何比较两个元素。自定义compare的算法排序…...

编程日记 2025/7/18 10:53:00

ChatGPT 桌面版发布了，如何安装？

本章教程教大家如何进行安装。一、下载安装包官网地址地址：https://openai.com/chatgpt/desktop/ 支持Windows和MacOS操作系统二、安装步骤 Windows用户下载之后，会有一个exe安装包，点击运行安装即可。注意事项，如果Windows操…...

编程日记 2025/7/22 5:51:37

【动手学电机驱动】STM32-FOC（8）MCSDK Profiler 电机参数辨识

STM32-FOC（1）STM32 电机控制的软件开发环境 STM32-FOC（2）STM32 导入和创建项目 STM32-FOC（3）STM32 三路互补 PWM 输出 STM32-FOC（4）IHM03 电机控制套件介绍 STM32-FOC（5&…...

编程日记 2025/7/22 11:10:04

JavaWeb后端开发知识储备2

目录 1.HttpClient 2.微信小程序开发 3.Spring Cache 4.Spring Task 4.1cron表达式 4.2入门案例 1.HttpClient 简单来说，HttpClient可以通过编码的方式在Java中发送Http请求 2.微信小程序开发微信小程序的开发本质上是前端开发，对于后端程序员来…...

编程日记 2025/7/23 11:14:05

Java Stream API - 高效数据处理的核心工具_01

文章目录概述：高效数据处理的核心工具1. 流的创建1.1 从集合创建流1.2 从数组创建流1.3 直接创建流 2. 中间操作：流的转换和处理2.1 map()：映射操作2.2 filter()：过滤操作2.3 flatMap()：扁平化映射操作2.4 sorted()&a…...

编程日记 2025/7/21 1:34:19

【计算机网络】网段划分

一、为什么有网段划分 IP地址网络号(目标网络) 主机号(目标主机) 网络号: 保证相互连接的两个网段具有不同的标识主机号: 同一网段内，主机之间具有相同的网络号，但是必须有不同的主机号互联网中的每一台主机，都要隶属于某一个子网 -&…...

编程日记 2025/7/20 1:34:25

HTML和CSS 表单、表格练习

HTML和CSS 表格练习 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>HTML表格练习</title>…...

编程日记 2025/7/23 1:30:14

ByteBuffer模拟拆包输出消息字符串

以下代码模拟网络编程中的粘包现象，用\n进行分割消息块源码 public static void main(String[] args) {ByteBuffer byteBuffer1 ByteBuffer.allocate(60) ;byteBuffer1.put("Hello World\nWhat is you name?\nI am Licky!\nHo".getBytes());splice(byt…...

编程日记 2025/7/18 21:46:39

Java FastJson 踩坑记录

newtonsoft.json 第一次用。java 转的json给newtonsoft.json解析，一直解析不出来。直到写这个文章的时候，我都还觉得是newtonsoft.json和fastjson都有问题。先看java JSONField(name"RankValue") public long Rank11000; JSONField(na…...

编程日记 2025/7/22 18:30:21

深入理解 Java 阻塞队列：使用场景、原理与性能优化

在并发编程中，线程安全的队列是解决线程间任务传递和调度的关键工具之一。阻塞队列（BlockingQueue）作为一种线程安全的队列，实现了在并发环境下对共享数据的安全访问，广泛应用于生产者-消费者模型、任务调度和多线程计…...

编程日记 2025/7/19 1:09:50

Python常用高阶函数：map()、filter()、reduce()

Python常用高阶函数：map()、filter()、reduce() 高阶函数是一类以函数作为参数或者返回值的函数，能够显著提高代码的简洁性和灵活性。在Python中，map()、filter()和reduce()是三种非常常用的高阶函数，它们常被用来对列表或其他可…...

编程日记 2025/7/22 2:03:31

多目标优化算法：多目标极光优化算法（MOPLO）求解ZDT1、ZDT2、ZDT3、ZDT4、ZDT6，提供完整MATLAB代码

一、极光优化算法极光优化算法（Polar Lights Optimization, PLO）是2024年提出的一种新型的元启发式优化算法，它从极光这一自然现象中汲取灵感。极光是由太阳风中的带电粒子在地球磁场的作用下，与地球大气层中的气体分子碰撞而产…...

编程日记 2025/7/15 23:24:55

【大数据学习 | Spark-Core】关于distinct算子

只有shuffle类的算子能够修改分区数量，这些算子不仅仅存在自己的功能，比如分组算子groupBy，它的功能是分组但是却可以修改分区。而这里我们要讲的distinct算子也是一个shuffle类的算子。即可以修改分区。 scala> val arr Array(1,1,2,…...

编程日记 2025/7/18 2:35:05

ShuffleNet：一种为移动设备设计的极致高效的卷积神经网络

摘要 https://arxiv.org/pdf/1707.01083 我们介绍了一种名为ShuffleNet的计算效率极高的卷积神经网络（CNN）架构，该架构专为计算能力非常有限的移动设备（例如10-150 MFLOPs）而设计。新架构利用两种新操作：逐…...

编程日记 2025/7/22 16:05:34

AIGC-------AIGC在社交媒体内容生成中的应用

AIGC在社交媒体内容生成中的应用引言随着人工智能生成内容（AIGC）的快速发展，社交媒体平台上的内容创作方式发生了巨大变化。AIGC使得内容创作的门槛大大降低，从而让更多的人能够参与到社交媒体内容的创作中，同时也使…...

编程日记 2025/7/21 18:50:33

提取图像中的高频信息

三种方法 1. 傅里叶变换提取高频和低频【有损】2. 傅里叶变换提取振幅和相位【无损】3. 小波变换【不涉及恢复代码】代码1.代码2代码3 1. 傅里叶变换提取高频和低频【有损】环境：集群210.30.98.11效果: 2. 傅里叶变换提取振幅和相位【无损】环境：集…...

编程日记 2025/7/23 14:27:34

js函数声明

在 JavaScript 中，函数是一等公民（first-class citizen），这意味着函数可以作为变量、参数和返回值使用。JavaScript 提供了多种定义函数的方式，以下是几种常见的方法： 1. 函数声明（Function De…...

编程日记 2025/7/18 14:34:30

语言模型中的多模态链式推理

神经网络的公式推导简介摘要引言多模态思维链推理的挑战多模态CoT框架多模态CoT模型架构细节编码模块融合模块解码模块实验结果运行代码补充细节安装包下载Flan-T5数据集准备rougenltkall-MiniLM-L6-v2运行简介本文主要对2023一篇论文《Multimodal Chain-of-Thought Reason…...

编程日记 2025/7/23 0:29:21

【Java 解释器模式】实现高扩展性的医学专家诊断规则引擎

🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/literature?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，…...

编程日记 2025/7/15 9:05:57

CTF之密码学（Polybius密码）

棋盘密码，也称为Polybius密码或方格密码，是一种基于替换的加密方法。以下是对棋盘密码的详细解析： 一、加密原理棋盘密码使用一个5x5的方格棋盘，其中填充了26个英文字母（通常i和j被视为同一个字母并放在同一个格子中…...

编程日记 2025/7/15 22:35:56

java excel 导入各种踩坑

在 Java 中处理 Excel 导入时，常见的问题（即“踩坑”）很多，下面列举了处理 Excel 导入时可能遇到的一些问题，并给出了解决方案和优化技巧。 1. POI 库与版本问题 Apache POI 是处理 Excel 的常用库，但是不…...

编程日记 2025/7/19 5:53:40

优化表单交互：在 el-select 组件中嵌入表格显示选项

介绍了一种通过 el-select 插槽实现表格样式数据展示的方案，可更直观地辅助用户选择。支持列配置、行数据绑定及自定义搜索，简洁高效，适用于复杂选择场景。完整代码见GitHub 仓库。背景在进行业务开发选择订单时，如果单纯的根…...

编程日记 2025/7/21 4:10:45

js版本之ES5特性简述【String、Function、JSON、其他】(二)

目录 String相关方法 string.charAt() string.charCodeAt() string.concat() string.match() string.search() string.replace() string.split() string.trim() string.slice() string.substr() string.substring() Function相关方法 arguments.length function…...

编程日记 2025/7/17 21:41:44

【redis】哈希类型详解

哈希类型详解一、哈希类型的介绍二、哈希类型的常用命令2.1 HSET2.2 HGET2.3 HEXISTS2.4 HDEL2.5 HKEYS2.6 HAVLS2.7 HGETALL2.8 HMGET2.9 HLEN2.10 HSETNX2.11 HINCRBY2.12 HINCRBYFLOAT 三、哈希类型命令小结四、哈希类型内部编码五、哈希类型应用场景一、哈希类型的介绍 …...

编程日记 2025/7/22 5:48:33

每日练题之动态规划（子序列问题讲解 1.最长递增子序列 2.摆动序列）

前言： 需要对「子序列」和「子数组」这两个概念进行区分； 子序列（subsequence）：子序列并不要求连续，但是我们调出来的顺序必须和原数组的顺序相同。例如：序列 [4, 6, 5] 是 [1, 2, 4, 3, 7, 6,…...

编程日记 2025/7/21 15:58:11

JSON 性能测试 - WastJson 性能也很快

WAST 是一个高性能 Java 工具集库包，包括 JSON、YAML、CSV、HttpClient、JDBC 和 EL 引擎. WastJson 无论是小中大文本各种数据类型等性能都没有明显的短板，除了推广外可以说是六边形战士，更多测试参考 wast-jmh-test: wast性能测试 (并非所…...

编程日记 2025/7/21 17:35:15

Windows 软件之 FFmpeg

文章目录前言1 FFmpeg 视频处理1.1 编解码1.2 其它视频编辑命令1.3 视频抽帧 2 FFmpeg 音频处理3 FFmpeg 图片处理3.1 编解码3.2 拼接图片3.3 图片合成视频附录1：mediainfo.ps1 前言 FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的…...

编程日记 2025/7/22 18:12:38

接口的扩展

1. 接口中新增的方法 JDK7之前接口中只能定义抽象方法。 JDK8的新特性：接口中可以定义有方法体的方法。（默认、静态） JDK9的新特性：接口中可以定义有私有方法体的方法。有方法体的方法：接口升级时，为了兼容…...

编程日记 2025/7/15 6:15:32

Vue ECharts 基本数据图表绘制详解：让数据飞起来

1. 引言 1.1 什么是数据可视化大家好，欢迎来到数据可视化的世界！如果你以为数据就是冷冰冰的数字，那你就大错特错了。数据，可是有灵魂的！只要给它一副好看的外衣，比如我们今天要聊的图表，它们…...

编程日记 2025/7/22 7:47:29

前提说明

Redis链接与封装

svg-captcha使用步骤

封装中间件验证

前端接收

扩展【svg API】

svgCaptcha.create(options)

svgCaptcha.createMathExpr(options)

svgCaptcha.loadFont(url)

svgCaptcha.options

svgCaptcha.randomText([size|options])

svgCaptcha(text, options)

uuid

如何在 Node JS 中生成唯一 ID

相关文章：