- 博客(240)
- 收藏
- 关注
RSS订阅原创 Vue 3 Composable 函数指南
Composable 函数是 Vue 3 Composition API 的核心实践模式。本文从概念、编写、约束到测试，给出一份可以直接落地的完整说明。
2026-10-29 09:20:11
139
原创 Vue 3 Composable 函数指南
Composable 函数是 Vue 3 Composition API 的核心实践模式。本文从概念、编写、约束到测试，给出一份可以直接落地的完整说明。
2026-10-21 09:51:33
232
原创 记录vite缓存导致的问题
升级vxe-table之后，弹窗样式错误提示问题如下但是原来就是好的，升级后出错了根本原因是 vite 依赖预构建缓存没随依赖升级失效。
2026-10-08 15:29:10
248
原创 代码项目结构如何和业务相关联
项目结构不是技术分层的产物，而是业务边界的投影。让目录名 = 业务名，让依赖方向 = 业务流向，结构和业务就自然绑定了。前端项目结构和业务的关联，比后端更微妙——因为前端天然有「视图层」这个维度，容易变成hooks/utils/的技术分层，业务同样被切碎。// 不导出内部实现，外部只能通过这里访问规则：跨 feature 引用必须走index.ts，禁止深入内部。这样业务边界才清晰。前端的业务关联 = 把「业务域」作为第一分类维度，把「组件/hooks/api」作为第二维度。
2026-10-08 09:48:43
274
原创 ChatGPT打不开，卸载删除不了，但是存在列表中问题修复
我之前一直可以用ChatGPT，但是突然就点击ChatGPT没反应了，点了重置也没用，看了一下里面的评论，说是只能安装在C盘，需要移动到C盘，但是我的本来就在C盘，没有操作。去微软官网下载 Media Creation Tool，选择“立即升级这台电脑”。这个操作会保留你的文件和软件，操作前请务必确认重要数据已备份。然后就点击卸载了，结果列表里还存在，删除不了了，我让GPT自己删除GPT，结果也没有删除成功。我的电脑是Win10，特殊原因并禁止更新了，使用powershell也没有找到应用。
2026-09-30 09:33:42
423
原创 yarn安装提示：error rollup@4.52.5: The engine “node“ is incompatible with this module. Expected version “
【代码】yarn安装提示：error rollup@4.52.5: The engine “node“ is incompatible with this module. Expected version “
2026-08-20 13:58:32
181
原创 电脑数据迁移
把刚才的文件复制过去，复制速度取决于wifi速度。把电脑有用的文件剪切到一个目录，压缩。在新电脑上输入：\旧电脑IP。找了一圈没发现好的迁移软件。两台电脑上连同一个网络。旧电脑上在开启高级共享。
2026-08-20 13:54:53
187
原创 AI vibe coding建议
虽然每次修改AI感觉上都差不多能符合自己的修改需求，但是有多次修改的话，结果错误就是积小成多，最后慢慢跑偏了。如果是老项目， 别一次性让AI改太多，应该每修改一个小功能点，就验证提交一次。最后验证花的时间和精力比自己重新写还高。
2026-06-30 10:47:17
169
原创 ERR_PNPM_WORKSPACE_PKG_NOT_FOUND In ...
问题出在 examples/dynamicEmbedGantt/pnpm-workspace.yaml 文件上 — 它创建了一个独立的 workspace 配置，覆盖了根目录的配置，导致 @xpyjs/gantt-core 无法被找到。删除后，该目录现在受根目录 pnpm-workspace.yaml 统一管理，可以看到 packages/core 中的 @xpyjs/gantt-core。/packages/，所以找不到 @xpyjs/gantt-core。，而不是根目录的 packages/
2026-06-05 16:09:28
338
原创 大模型数学逻辑测试
测试成功的是deepseek V4 Flash, MiMo-V2.5-Pro， qwen3.7Max。我使用了deepseek老师出的问题，结果很多模型没有正确答出来。测试失败的是豆包，Minimax M3。Minimax M3直接没思考出来。
2026-06-02 10:17:08
294
原创 和大模型对话案例1
原因是第一次提问的目标就错了，工作时间显示是正确的，结果一直在思考哪里错了，循环思考。结果运行了半个小时没有运行出来。运行不到5分钟，就改好了。把配置文件地方标记上。
2026-05-18 17:02:57
57
原创 首屏速度优化
图片瘦身：把 PNG/JPG 图片转换为 WebP 格式，并使用 TinyPNG 等工具压缩，体积通常能减小 60% 以上。开启 Gzip：在 Nginx 等服务器上开启 Gzip 压缩，文本类资源（JS、CSS）能再减小 70% 左右。接口调优：检查首屏是否调用了非必需的接口。将次要接口（如操作日志、统计图表）延后调用，优先保证核心数据的加载。预加载与预连接：对关键资源（如核心 CSS）使用；对将要请求的第三方域名（如 CDN）使用。安装 unplugin-vue-components 插件。
2026-04-27 11:20:51
30
原创 失眠的认知行为疗法 CBT-I
• 躺下20-30分钟睡不着就起床，去另一个房间做放松的事，直到困倦再回床。• 挑战“必须睡足8小时”的绝对化要求（个体差异大，只要白天不困即可）• 当睡眠效率（实际睡眠/卧床时间）>85%后，逐步延长卧床时间。• 不在床上做任何与睡眠无关的事（如玩手机、吃东西、思考工作）• 渐进式肌肉放松（依次收紧再放松脚→腿→腹→手→臂→肩→脸）• 根据睡眠日记，计算平均实际睡眠时长（如5小时）• 下午3点后不摄入咖啡因（咖啡、茶、可乐）• 腹式呼吸（吸气4秒→屏息4秒→呼气6秒）• 睡前不饮酒（酒精破坏睡眠结构）
2026-04-20 09:48:00
224
原创 WireShark抓包解密https
【2】WireShark设置：【编辑】→【首选项】->【Protocols】→【TLS】，将【(Pre)-Master-Secret log filename】指向【C:\tlskeys\edgekey.log】→【确定】这时再输入过滤条件【tls && (http || http2 || http3)】，并通过edge浏览器访问网页，就可以看到WireShark中远远不断的报文了。由于HTTPS加密了，所以WireShark抓不到，要是非想要抓到，就得解密。变量名：SSLKEYLOGFILE。
2026-03-24 09:46:13
176
原创 vite创建插件
Vite插件开发的核心就是定义钩子函数并在其中实现你的逻辑。通过官方文档的插件API可以查阅所有钩子的详细说明。先从简单的transformIndexHtml或config钩子入手，会更容易建立直观感受。如果你想将插件发布到npm供他人使用，记得遵循命名规范，例如包名以vite-plugin-开头。
2026-03-12 10:09:13
199
原创 设置了 { passive: true } 的监听事件中调用 e.preventDefault() 会导致控制台警告，并且无法阻止默认行为。
{ passive: true } // 表示：告诉浏览器，我不会调用 preventDefault(){ passive: false } // 表示：我可能会调用 preventDefault()e.preventDefault();
2026-02-27 10:51:11
671
原创 HTTP状态码别乱改
简单直接的回答：可以，但不建议轻易使用。行业共识：两种更优雅的做法绝大多数互联网大厂（Google、Meta、阿里、腾讯）在面对“需要更多状态码”的需求时，普遍采用以下两种方案：方案一：标准状态码 + 业务Code（推荐）这是最规范、最主流的做法。HTTP状态码： 只使用标准的那几个（200， 400， 401， 403， 500）。业务状态码： 在响应体（Body）中自定义一个字段，携带详细的业务错误信息。示例：用户余额不足http。
2026-02-26 10:31:29
899
原创 vite 修改base之后需要修改public路径
访问 http://localhost:5173/libs/tinymce/5.7.0/jquery.tinymce.min.js。最近项目从vite2升级到vite7。说明需要在代码上加上。
2026-02-10 10:28:27
210
原创 vue模板数组不要直接使用reverse方法
永远不要在 Vue 模板中直接调用修改原数组的方法（如 reverse()、sort()、push() 等），优先使用计算属性 + 浅拷贝 + 无副作用方法，既能保证响应式，又能避免原数据被意外修改。在 Vue 模板中可以直接调用数组的 reverse() 方法，但需要特别注意该方法的特性以及 Vue 响应式的相关规则，否则可能引发意外问题。修改原数组 push/pop/shift/unshift/reverse/sort/splice ❌ 不建议。四、扩展：Vue 中数组方法的分类。
2025-12-31 11:11:34
219
原创 TortoiseSVN安装，记得选择command line client tools
TortoiseSVN安装，记得选择command line client tools。
2025-10-29 10:42:25
339
原创 记录virtualbox虚拟机安装ubuntu时，左上角显示下划线黑屏问题
摘要：系统版本为22.04时出现显示异常问题，经排查发现是由于内存或硬盘空间不足导致。将内存容量提升至8GB后，系统显示恢复正常。该问题说明硬件配置不足会影响系统正常运行，适当增加内存资源可有效解决此类显示故障。（99字）
2025-10-19 16:36:39
134
原创 项目导入最新element plus组件
项目使用老的element plus版本，最新组件存在修复bug，功能更新优化，我希望能够使用最新的组件，可以使用源码引入的方式。
2025-10-11 09:28:00
202
原创 mysql启动超时
管理员打开CMD后允许net start MySQL57， 启动超时。MySQL 启动失败的具体原因通常记录在错误日志中。数据文件损坏：InnoDB 表空间异常。权限问题：MySQL 无法访问数据目录。端口冲突：3306 端口被占用。我的是端口被占用了。
2025-08-15 14:09:22
417
原创 provide 和 inject 最佳实践
Vue 的 provide 和 inject API 实现了跨层级组件通信，无需逐层传递 props。最佳实践包括：为注入值设置默认值；使用 Symbol 避免命名冲突；确保响应性（使用 ref/reactive）；TypeScript 类型安全；避免滥用，优先使用 props/emit。注意事项：默认非响应式，主要用于高阶组件开发，可能增加组件耦合度。适用于深层嵌套组件通信场景，但会降低组件复用性。
2025-08-08 16:16:02
427
原创 el-input 动态获焦
设置自定义指令：由于el-input最外层不是input，需要查找input元素设置焦点。新增分组后，焦点设置到新增的分组上面。在需要获焦的元素添加：v-focus。
2025-07-22 18:26:06
449
原创 权限管理设计思路
角色(Role) ────┬──── 角色权限(RolePermission) ──── 权限(Permission)通过以上设计思路，可以构建一个灵活、安全且易于维护的企业级权限管理系统，满足不同规模企业的需求。框架选择：Spring Security、Shiro、Keycloak等。权限(Permission) ──── 资源(Resource)└──── 角色约束(RoleConstraint)最小权限原则：用户只拥有完成工作所必需的最小权限。前端展示控制与后端验证必须同时存在。
2025-06-12 18:19:32
587
原创 AbortController 取消请求
AbortController是JavaScript中的一个全局类，主要用于中止各种异步操作，包括网络请求、事件监听器、可写流和数据库事务等。通过提供一个AbortSignal对象，AbortController允许开发者在需要时自由地终止这些操作，避免不必要的开销或冗长的等待。
2025-04-29 20:59:33
996
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人