- 博客(307)
- 收藏
- 关注
RSS订阅原创 MyBatis中foreach集合用法详解
在 MyBatis 中，<foreach>标签用于遍历集合（Collection、List、Array、Map），常用于构建动态 SQL 语句（如IN查询、批量插入等）。
2025-06-08 23:08:17
422
原创 Vue3 + TypeSrcipt 防抖实例
1、编写防止重复点击组合式函数 hook，usePreventReClick.ts2、导入防止重复点击组合式函数 hook3、使用 preventReClick 防止重复点击......// 查询，加装 preventReClick 防抖器，防止重复点击preventReClick(async () => { // 改动1：增加防抖代码// 检查if (!!) {ElMessage.warning("请输入查询条件！");return;});// 改动2：增加防抖代码。
2025-06-08 20:10:18
130
原创 Java严格模式withResolverStyle解析日期错误及解决方案
在Java中使用并启用严格模式（）时，解析日期字符串yyyyYearOfEraYear。在严格模式下，解析器要求所有字段必须完整且一致，而LocalDate需要Year字段（而非YearOfEra）来构建对象，导致转换失败。
2025-06-08 17:31:11
277
原创 Java处理字符数组转换为开始日期和结束日期
在Java中处理字符数组表示的（例如），将其转换为开始时间和结束时间，推荐使用Java 8+的java.timeAPI（如LocalDate。
2025-06-08 15:48:54
387
原创 Vue3指令别名使用指南
Vue 允许为自定义指令全局注册别名在main.js中多次注册同一指令逻辑：javascript复制下载// 定义指令逻辑el.focus();// 注册多个别名// 别名html复制下载运行-- 使用 -->-- 别名生效 -->局部注册别名在组件中复用同一逻辑：javascript复制下载focus: {},// 指向同一逻辑对象autoFocus: 'focus' // 别名html复制下载运行-- 别名生效 -->
2025-06-08 09:19:46
358
原创 数据表自增主键命名规范
user_id INT, -- 外键：引用 users.id。PRIMARY KEY (user_id, role_id) -- ✅ 组合主键。通过规范命名，可显著提升代码可读性、减少ORM配置成本，并降低团队协作的认知负担。user_id INT, -- 引用 users.id。role_id INT, -- 引用 roles.id。极少情况下需强调主键类型（如分布式ID），可命名如。：组合主键用业务字段名，分布式ID用特指名称（如。
2025-06-07 11:15:02
276
原创 CSS选择器使用详解
/* class="warning"的元素 */a[href^="https"]::after { content: "🔒";} /* 包含"box" */#nav .item:hover {} /* 100(ID) + 10(类) + 10(伪类) = 120 */button:not(:disabled):hover { /* 未禁用的按钮悬停状态 */ }} /* id="header"的元素 */[class^="btn-"] { /* 匹配btn-开头的类 */ }
2025-06-07 07:16:29
762
原创 Vue3 + Vite 中使用 Lodash-es 的防抖 debounce 详解
在 Vue3 + Vite 项目中，debounce是 lodash-es 中最常用的功能之一，它可以帮助我们优化高频事件的处理。下面我将详细讲解 debounce 的使用方法，并提供一个完整的示例。
2025-06-07 00:54:31
612
原创 Java + Spring Boot + Mybatis 实现批量插入
在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法：使用 MyBatis 的<foreach>标签和批处理模式（ExecutorType.BATCH）。
2025-06-06 23:27:03
1010
原创 scss（sass）中 & 的使用说明
场景示例编译结果伪类&:hoverBEM 命名&__item修改上下文.context &简化重复前缀&-suffix合理使用能让 SCSS 代码更简洁、可读性更强，特别适合组件化开发和 BEM 命名规范！
2025-06-06 15:01:21
501
原创 JavaScript判断字符串结尾的方法
/ true（前5个字符是 "Hello"）：现代浏览器和 Node.js 均支持（IE 需转译或 Polyfill）// 支持指定搜索长度（在指定长度内判断结尾）兼容旧版 JavaScript（如 IE8+）// endsWith 的 Polyfill。// 动态生成正则（需转义特殊字符）：结合 Polyfill 或。需要转义正则特殊字符（如。需手动处理边界情况（如。
2025-06-06 10:53:14
692
原创 Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例
Element Plus 的组件是一个强大的穿梭框组件，常用于在两个集合之间进行数据转移，如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。
2025-06-06 08:35:51
267
原创 CSS中text-align: justify文本两端对齐
* 强制最后一行两端对齐 *//* 需要固定宽度 */text-align: justify;/* 关键属性 *//* 自动在单词内添加换行连字符 */⚠️ 避免在窄容器中使用（如手机屏幕），过大的单词间距会降低可读性。（如文章、新闻），能创建整洁的块状文本区域，提升可读性和专业感。：每行文本左右两端严格对齐容器边缘（类似报纸排版）。浏览器会自动调整单词/字符之间的间距，使文本的。：默认按左对齐处理（除非额外设置。），否则文本无分散空间。
2025-06-06 08:24:39
283
原创 CSS中justify-content: space-between首尾贴边中间等距（两端元素紧贴左右边缘，中间元素等距均匀分布）
是 CSS Flexbox 布局中的一个属性值，主要作用是。
2025-06-06 08:00:51
442
原创 Java + Spring Boot + Mybatis 插入数据后，获取自增 id 的示例代码
【代码】Java + Spring Boot + Mybatis 插入数据后，获取自增 id 的示例代码。
2025-06-05 15:08:29
176
原创 Java + Spring Boot + Mybatis 实现只更新有修改过的内容
【代码】Java + Spring Boot + Mybatis 实现只更新有修改过的内容。
2025-06-04 22:19:17
114
原创 前端工具库lodash与lodash-es区别详解
特性lodashlodash-es模块格式CommonJSES Module❌ 不支持✅ 完美支持打包体积较大按需加载极小使用场景Node.js/传统环境现代前端框架按需导入功能组级函数级优先选择lodash-es，除非你的环境明确需要 CommonJS（如 Node.js 脚本）。现代前端工具链（Webpack 4+/Rollup/Vite）均已原生支持 ES Module，配合lodash-es能最大化优化项目体积。
2025-06-04 21:23:13
883
原创 Vue3+Vite中lodash-es安装与使用指南
始终按需导入避免全局导入：防止打包体积过大配合 Vite 的 Tree Shaking：现代构建工具会自动优化复杂操作优先使用 lodash：如深度克隆、防抖节流等按照这些步骤，您可以高效地在 Vue 3 + Vite 项目中使用 lodash-es，在保持小体积的同时获得强大的工具函数支持。
2025-06-04 21:19:19
837
原创 JavaScript中判断两个对象是否相同（所有属性的值是否都相同）
在JavaScript中，判断两个对象的所有属性是否相同（包括嵌套对象）需要深度比较（deep comparison）。
2025-06-04 20:55:25
650
原创 Java Lombok @Data 注解用法详解
构造器生成规则和字段排除）以及何时需要定制化（使用单独的 Lombok 注解）至关重要，尤其是在处理 JPA 实体、继承或需要特定行为时。注意生成的 setter 是 public 的，有时你可能希望控制对某些字段（如关联集合）的修改，这时可能需要使用单独的。-- 根据你的JDK版本调整 -->// @Setter 生成的 (注意：id 是 final，所以没有 setId)，尤其是在实体还未持久化（id 为 null）或关联被修改时。标记的字段（推荐做法，避免意外包含不相关字段导致逻辑错误）。
2025-06-04 20:31:24
475
原创 Windows Server部署Vue3+Spring Boot项目
通过以上步骤，即可完成全栈项目在Windows Server 的部署。管理Node进程（但Vue是静态资源无需Node运行时）使用HTTPS可配置Nginx SSL证书（# 在Spring Boot项目根目录执行。地址与Spring Boot运行地址一致。文件夹内容放到Nginx目录（如。http://服务器IP或域名/将JAR包放到服务器目录（如。下载JDK MSI安装包（如。# 命令行进入nginx目录。检查后端API路径前缀（如。
2025-06-03 15:02:33
973
1
原创 Vue3 + Element Plus + TypeScript 中 el-cascader 实现模拟用户点击功能
模拟点击，调用 el-cascader 的公开方法 togglePopperVisible 来展开下拉框。
2025-06-02 00:29:21
282
原创 Vue3 + Element Plus 防止按钮重复点击的解决方案
可以创建一个全局指令来实现防重复点击：javascript复制下载if (!});// main.js使用方式：vue复制下载<el-button v-prevent-reclick="1000" @click="handleClick">提交</el-button>简单场景：直接使用 Element Plus 的 loading 状态全局控制：使用自定义指令组合式 API：使用可组合函数复杂组件：封装高阶组件。
2025-06-01 22:00:33
974
原创 Java限制单价小数位数方法
/ 得到格式化后的字符串。// 转回double类型。// 注意：formattedPrice是字符串，不能直接用于计算！// 使用BigDecimal进行精确计算并四舍五入。// 仅当需要字符串输出时使用（如显示到界面）：在需要精确计算的场景（如单价、金额）中，优先使用。：保留2位小数（不足补0）：保留2位小数（不补0）// 保留4位小数示例。
2025-05-30 17:51:10
329
原创 Vue3处理number输入框避免NaN
vue复制下载<template><input// 自定义指令// 移除非数字字符（保留负号和小数点）// 处理多个负号/小数点!
2025-05-30 15:12:18
785
原创 Windows 11 全角半角切换方法
是在全角和半角之间切换的最快方式。务必注意输入法状态栏上的全角/半角图标变化（实心圆/全 或 空心半圆/半）来确认当前状态。通过输入法的“键盘选项”可以设置启动时的默认是全角还是半角。这些切换操作只在中文输入法激活并处于中文输入模式时有效。在英文输入模式下（状态栏显示英或ENG），输入的字母、数字和符号默认就是半角。字符宽度等于一个英文字母的宽度。这是英文和数字的标准显示方式。字符宽度等于两个英文字母的宽度（通常等于一个汉字的宽度）。在中文排版中，有时会要求字母、数字和标点也占用和汉字相同的宽度。
2025-05-29 23:47:36
705
原创 Windows后台运行jar包
进程会在后台运行，但关闭当前命令提示符窗口时进程可能会终止（取决于启动方式）。关闭命令提示符窗口后进程会终止。如需持久化，需通过脚本启动。，JAR 会在后台启动，且关闭批处理窗口后进程仍存在。是 Java 的无控制台版本，不会显示命令行窗口。：确保 Java 环境变量已配置，或使用绝对路径如。，JAR 会在完全无窗口的后台运行。新建一个 VBScript 文件。设置触发器（如系统启动时运行）。任务会在后台静默运行，类似服务。在 "常规" 选项卡中勾选。新建一个批处理文件（如。下载并解压 NSSM。
2025-05-28 12:21:15
804
原创 Vue3 + Element Plus + el-table 表头自定义
3、单元格内容左右两端对齐，display: flex;2、表头标题左右两端对齐，text-align: justify;
2025-05-27 10:20:41
272
原创 Vue3监听对象数组属性变化方法
推荐方法一：适用于数组较小或变化不频繁的场景，简单快捷。推荐方法二：适用于大型数组或需要精确控制的场景，但需处理动态监听。方法三：适用于只需知道属性变化的位置，不关心具体对象的场景。
2025-05-26 18:13:40
963
原创 Vue3 + TypeScript + el-input 实现人民币金额的输入和显示
【代码】Vue3 + TypeScript + el-input 实现输入人民币格式化。
2025-05-25 15:40:43
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人