- 博客(146)
- 收藏
- 关注
RSS订阅原创 element-plus中el-pagination分页的注意事项
也就是说，最简的分页是这样：<el-pagination :total="0" />1、total 属性必须有设置，不能缺省。
2025-04-04 15:11:02
162
原创 Vue3 Pinia Store 新建store示例、使用store示例
这个 Store 的设计非常适合管理需要持久化的全局界面状态（比如用户菜单、主题设置等），通过分离状态逻辑使组件更专注于视图渲染。访问/修改值（但在模板中会自动解包，不需要 .value）第二个参数是 setup 函数，用组合式 API 编写。持久化数据会一直保留，直到手动清除或用户清除浏览器缓存。表示这是一个存储 Menu 类型数组的响应式引用。Pinia 的核心方法，用于创建 Store。Vue 的响应式 API，用于创建响应式数据。如果传递错误类型的参数，编译时会报错。在 JS 中修改状态需要使用。
2025-04-03 20:34:04
378
原创 Vue3命名规范指南
在 Vue 3 中，遵循一致的命名规范可以提高代码的可读性和维护性。：如 Vue Router 的命名路由、Pinia 的 Store 命名等，需遵循各自文档的建议。：在 DOM 模板中，组件名、Props、事件名等需使用 kebab-case。路由命名使用 camelCase 或 kebab-case（如。-- 文件名: MyComponent.vue -->遵循这些规范能让代码更清晰，减少因命名导致的潜在问题。自定义指令名称使用 kebab-case（如。-- 定义插槽 -->-- 使用插槽 -->
2025-04-03 15:35:30
552
原创 Vue3动态路由，动态导入组件路径问题解析
动态导入路径中的和会导致构建工具无法在编译时准确推断模块依赖，从而引发打包错误或运行时问题。通过限制路径变量的灵活性或使用构建工具提供的安全动态导入方式，可以规避这一问题。
2025-04-03 14:57:25
473
原创 MVVM前端开发架构模式
MVVM 通过数据绑定将视图与数据解耦，让开发者更关注业务逻辑而非 DOM 操作，是现代前端框架（如 Vue、React、Angular）的重要设计思想。用户看到的界面（HTML/CSS 结构），负责展示数据，并通过事件（如点击、输入）与用户交互。负责管理应用的数据（如从后端接口获取的数据、本地存储的数据），不涉及任何界面逻辑。-- 双向绑定 -->，通过数据绑定实现视图和数据的自动同步。的交互事件（如按钮点击），触发业务逻辑。-- View（模板） -->：视图与逻辑解耦，代码结构清晰。
2025-04-02 18:06:06
278
原创 js中的空值合并运算符??
?是处理null或undefined的更精准工具，适合需要保留其他假值（如0''）的场景，避免默认值意外覆盖有效数据。
2025-04-02 07:36:19
346
原创 vue3 + ts 中，Element Plus中el-tree使用示例
【代码】vue3 + ts 中，Element Plus中el-tree使用示例。
2025-04-01 23:57:17
104
原创 vue3中ref、reactive的使用示例
1、导入2、定义// 报告表格数据3、赋值// 获取报告信息// 清空报告信息4、模板引用<el-table :data="reportTableData" />1、导入2、定义// 报告表格数据3、赋值// 获取报告信息// 清空报告信息4、模板引用。
2025-04-01 20:46:02
266
原创 node.js、npm相关知识
Node.js 是一个基于 Chrome V8 JavaScript 引擎 构建的开源、跨平台的 JavaScript 运行时环境，主要用于服务器端编程。它允许开发者使用 JavaScript 编写高性能的后端服务，突破了 JavaScript 仅在浏览器中运行的限制。npm（Node Package Manager），通常需要先安装 Node.js，因为 npm 是 Node.js 的默认包管理工具。非阻塞 I/O 与事件驱动Node.js 采用单线程事件循环模型，通过非阻塞 I/O 操作处理并发请求。适
2025-04-01 15:21:28
941
原创 JS判断变量是否为空的方法
/ null 或 undefined。if (value == null) { // 同时匹配 null 和 undefined。// 空的 Map 或 Set。// 空字符串或全空格。
2025-03-30 15:06:31
395
原创 JS判断对象是否为空的方法
若对象只有 Symbol 属性或不可枚举属性，上述方法可能返回。// 确保是普通对象（排除 null、数组和其他对象类型）：将对象转换为字符串判断，但无法处理不可枚举属性和循环引用。// 处理循环引用异常。根据实际需求选择合适的方法，通常推荐。：遍历对象自身属性，避免原型链干扰。确保目标是一个普通对象（如。：仅检查对象自身的可枚举属性。、日期等特殊对象类型。
2025-03-30 14:17:18
308
原创 JS数组删除元素的方法
在JavaScript中，有多种方法可以删除数组中的元素，具体取决于需求场景。以下是常见的几种方法及示例：删除指定位置的元素，直接修改原数组。语法：示例：javascriptlet arr = [1, 2, 3, 4, 5];// 删除索引2开始的1个元素（即第三个元素3）let removed = arr.splice(2, 1);console.log(arr); // 输出: [1, 2, 4, 5]console.log("被删除的元素:", removed); /
2025-03-30 09:49:44
381
原创 谷歌浏览器安装Vue开发者工具指南
4. 其中名字长的 `xxx_chrome.zzzmh.cn.crx` 文件就是安装包，鼠标长按拖住，拖到 '管理扩展程序' 页面，松开鼠标。找到官方插件（通常由Vue.js团队发布），点击“添加到Chrome”按钮完成安装5。若不想编译，可直接下载第三方提供的预编译扩展文件（如百度网盘链接）。或通过百度网盘等第三方渠道获取预编译的扩展文件（需解压到本地）3。检查Node.js版本（建议≥12.x），或尝试清理缓存后重试。5. 看到弹出框，点添加扩展程序，安装成功！安装后，打开一个Vue项目页面，按。
2025-03-30 09:40:13
272
原创 should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.
关键点：避免组件被 Vue 的响应式系统深度代理。方法选择如果数据结构本身需要响应式，但组件不需要 → 使用markRaw。如果顶层响应式足够 → 使用shallowRef。
2025-03-29 14:47:45
735
原创 Vue3组件响应式优化方法
关键点：避免组件被 Vue 的响应式系统深度代理。方法选择如果数据结构本身需要响应式，但组件不需要 → 使用markRaw。如果顶层响应式足够 → 使用shallowRef。
2025-03-29 13:11:50
418
原创 java 合并对象示例
/ 输出合并后的结果。// 将 source 的属性复制到 target（同名属性覆盖）// 构造方法、getter/setter 省略...// 构造方法、getter/setter 省略...// 构造方法、getter/setter 省略...// 合并规则：source2 的非空属性优先。// getter/setter 省略...// getter/setter 省略...// 必须提供 getter/setter。
2025-03-27 14:44:17
306
原创 Java 集合操作详解与使用指南
Java 集合框架是 Java 编程中处理数据结构的核心工具，提供了丰富的接口和类来存储、操作和管理数据。以下是 Java 集合操作的详细解析，涵盖常用类、核心操作及示例代码。
2025-03-25 10:57:09
715
原创 java 集合分割、List分割
数据示例：[1,2,3,4,5,6,7] 按3个元素一组分割成 [[1,2,3],[4,5,6],[7]]集合分割，将一个大集合分割成多个小集合，
2025-03-25 10:47:29
71
原创 Java switch语句详解与使用指南
System.out.println("1或2");// case 穿透。的详细说明，涵盖基本语法、使用场景、新特性（如 Java 12+ 的增强）及注意事项。case 1, 2, 3, 4, 5 -> "工作日";case 1 -> System.out.println("周一");是一种多分支选择语句，用于根据表达式的值选择不同的代码块执行。System.out.println("工作日");System.out.println("周二");case 1, 2, 3, 4, 5 -> "工作日";
2025-03-25 10:41:29
483
原创 vue3，element-plus 表格搜索过滤数据
3、表格引用搜索过滤数据，:data="tableFilterData"2、 表格搜索过滤数据。
2025-03-24 09:02:46
259
原创 AOP切入点表达式
log.info("方法 {} 执行耗时: {}ms", joinPoint.getSignature(), duration);修饰的方法（Spring AOP 默认只能拦截公共方法）。// 拦截 service 包下所有类的所有公共方法。无法拦截同类内部方法调用（需通过代理对象调用）。类中的所有方法（任意返回类型、任意参数）。：匹配当前包及其子包，或任意数量的参数。在切面方法中打印日志，确认是否触发。开头的方法，且第一个参数为。接口的所有实现类中的方法。包下所有类的所有方法（与。包下所有类的所有方法。
2025-03-19 20:33:08
747
原创 更改element-plus默认的文本颜色
2、修改main.ts，导入样式文件 import "@/assets/element-plus-text-color.scss";1、新建element-plus-text-color.scss样式文件。
2025-03-17 16:56:52
247
原创 Vue3中正确解析RefImpl对象
始终使用.value访问 ref 的值。在模板和响应式对象（reactive）中会自动解包，无需.value。使用 Vue 提供的工具函数（isRefunref）处理边界情况。
2025-03-16 15:04:36
476
原创 通过 CSS 的 命名页面（Named Pages） 技术实现作用域隔离，实现 @page 样式仅影响当前组件
<button v-print="printOptions">打印当前报表</button>-- 打印容器（添加特定类名） -->-- 页眉内容 -->-- 表格内容 -->-- 页脚内容 --></div>
2025-03-14 21:59:04
761
原创 全角半角字符收录
全角： ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ。半角： abcdefghijklmnopqrstuvwxyz。全角： ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ。半角： ABCDEFGHIJKLMNOPQRSTUVWXYZ。全角： １２３４５６７８９０。半角： 1234567890。
2025-03-14 19:50:12
222
原创 vue3，Element Plus中el-select默认显示0
el-select v-model="queryDTO.checkGroupId" placeholder="请选择" clearable filterable style="width: 240px">再将 queryDTO.value.checkGroupId = 0;改为 queryDTO.value.checkGroupId = null;中的 checkGroupId?改为 checkGroupId?el-select默认显示0。
2025-03-12 23:40:14
367
原创 vue3，Element Plus中隐藏树el-tree滚动条
可以使用隐藏组件 el-scrollbar 将 el-tree 包裹，就可以隐藏垂直滚动条。el-tree，节点过多，默认会出现垂直滚动条，显得不美观。
2025-03-06 15:21:36
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人