不一样的少年～-CSDN博客

原创这才是 Vue 驱动的 Chrome 插件工程化正确打开方式

你是不是也曾被开发 Chrome 插件的各种配置、打包、调试折磨到怀疑人生？

2025-08-29 18:51:08 1209

原创 ⚡ 一个Vue自定义指令搞定丝滑拖拽列表，告别复杂组件封装

告别臃肿的第三方库！只需几百行简洁代码，就能让你的列表拥有丝滑流畅的拖拽体验，像被施了“魔法手指”一样灵动。无需担心体积臃肿或依赖过多，轻松实现自定义，开发体验和用户体验都能大大提升！

2025-06-17 14:15:00 6188 4

原创【前端效率工具】：告别右键另存，不到 50 行代码一键批量下载网页图片

前端还原页面你肯定干过吧？像仿 xxx 首页那种。收素材时最烦的就是一张张存图，慢不说还老漏，跟我用 10 分钟做个小工具，点一下，整页图片全下到本地

2025-10-11 14:57:42 305

原创别再无脑装插件了！你的浏览器扩展可能正在“偷家”

过去很长一段时间，我几乎什么浏览器插件都敢装：调试、翻译、抓包、下载、效率提升……直到我拆了一款热门“资源整理”类扩展的代码，才真正意识到：很多扩展拥有的权限，几乎等同于在你的浏览器里放了一个“贴.....

2025-09-25 16:19:18 951

原创老板催：官网打不开！我用这套流程 6 分钟搞

老板突然在群里说：官网怎么打不开了，连发 5 个问号？？？？？以前的我：刷新、清缓存、靠感觉瞎猜“是不是服务器挂了”。现在的我：按“三步七查法”逐步排查，6分钟精准锁定：问题出在本地DNS。

2025-09-21 18:29:14 1022

原创 Vue3 后台分页写腻了？我用 1 个 Hook 删掉 90% 重复代码（附源码）

开发效率高，减少90%的重复代码，新增列表页从 30 分钟缩短到 5 分钟状态管理完善，自动处理加载、错误、数据状态缓存机制，避免重复请求错误处理统一，用户体验一致易于扩展，支持自定义配置和回调。

2025-09-14 10:47:42 404

原创同事以为要重写，我用 8 行代码让 Vue3 跑起已打包的 Vue2 组件

最近遇到一个非常典型的前端兼容问题：产品要求将官网底部 footer 组件统一成公司平台的公共组件。查阅对接文档后发现，这个公共组件库是基于 **Vue 2** 开发的，而我们的项目已经升级到 **Vue 3**。

2025-09-11 15:22:15 770

原创还在手动打包Chrome插件？这个Vue CLI让你10秒搞定

3秒建项目，10秒出包，配置什么的统统不用管。chrome插件开发的噩梦，你经历过几个?...

2025-09-01 11:41:39 604

原创 “前端单元测试的救星：Vitest 输入和 Mock 技术详解

单元测试总是“翻车”？别慌！Vitest 来帮你稳住局面。本文用最接地气的方式，带你搞懂输入和 Mock 的那些门道，让测试不再脆弱，代码不再“诈尸”。前端小伙伴，快来解锁让测试稳如老狗的秘诀吧！

2025-06-24 13:43:02 790

原创前端测试神器：Vitest 框架核心用法与实用技巧全解

Vitest 就像前端测试界的“闪电侠”，写法像 Jest，跑得比谁都快。API 简单，功能强大，测试代码结构清晰，团队用起来不打架。配合 Vite，效率翻倍，写测试像吃瓜一样轻松。学会它，测试再也不是“拦路虎”，而是你的得力小助手！

2025-06-23 17:12:21 735

原创 Vitest 异步测试实战：驯服 Promise 和 setTimeout 这两只野兽

Promise 测试三字经：- async 标记不能忘- await 等待要用上- flushPromises 清空忙Promise这只狡猾的狐狸，喜欢躲在微任务队列里偷偷执行setTimeout这只懒惰的熊，总是要睡一觉才干活掌握了 Vitest 的这些技巧，你就是异步测试界的驯兽师！测试不是为了证明代码没有 bug而是为了在 bug 搞砸生产环境之前抓住它们！🐛好的测试就像保险，你希望永远用不到，但没有它你会睡不着觉😴愿你的测试永远绿色，愿你的异步代码永远可控！💚P.S.

2025-06-22 17:30:11 674