- 博客(15)
- 收藏
- 关注
RSS订阅原创 2026 年的“暴力”编程：AI 帮我写了 3 万行代码，我却花了 3 天把它删到 800 行
当我最终把那 3 万行代码删到剩下 800 行时，不仅是打包体积小了，我的血压也降下来了。AI 编程确实极大提高了我们的上限，但也降低了垃圾代码产生的成本。2026 年，最好的程序员不再是那个手速最快的人，而是那个能在这场“赛博迷雾”中，一眼看穿本质并敢于按下 Delete 键的人。毕竟，最快的代码，永远是那行被你删掉的代码。你最近有没有被 AI 生成的“套娃代码”坑过？你是怎么优雅地把它们删掉的？评论区见，我们互相取取经！React Compiler Beta 进展报告。
2026-04-18 17:43:38
399
原创 由浅入深，一次彻底搞懂 JavaScript 执行机制 (Event Loop)
JavaScript执行顺序遵循严格的Event Loop机制，核心规则是：同步代码优先执行，微任务（如Promise.then）紧随其后，最后处理宏任务（如setTimeout）。通过银行柜台比喻，解释了单线程下同步/异步任务的处理逻辑，并强调微任务拥有更高优先级。文章通过4道由浅入深的面试题（含嵌套任务和链式调用）演示执行顺序，例如：script start -> script end -> promise1 -> promise2 -> setTimeout。掌握这些规
2025-12-27 11:03:36
728
原创 主流代码编辑器(VSCode-Cursor-Trae)开发项目时的代码格式化问题解决方案
代码格式化问题解决方案摘要 本文针对VSCode/Cursor/Trae等编辑器中常见的代码格式化问题，提供系统化解决方案。重点解决两种典型场景：1)接手无统一风格项目时，建议通过.vscode/settings.json临时禁用自动格式化；2)项目含Prettier但无配置文件时，推荐添加标准.prettierrc和.prettierignore确保团队一致性。文中给出可直接复用的配置模板，包括Prettier标准配置和工作区设置示例，强调应将.vscode文件夹纳入版本控制，并在CI中校验格式化。最佳实
2025-12-06 16:42:54
1366
原创 从 0 到 1开发浏览器插件：我如何把 manifest.json 打磨到位
摘要：本文分享了Chrome扩展开发中manifest.json配置的实践经验。作者从MV3版本特性出发，详细讲解了基础配置、权限管理、内容脚本注入、安全策略等关键点。重点包括：Service Worker异步处理、权限最小化原则、精准匹配内容脚本、CSP安全限制等。文章强调"清单思维"——先构建最小可运行闭环，再按需扩展功能，同时严格把控安全与性能边界。这些经验对于开发稳定可靠的浏览器扩展具有实用指导价值。
2025-11-27 11:09:22
1300
原创 Vue2 模板中使用可选链操作符（?.）的坑
Vue2项目中使用可选链操作符(?. )在模板中报错的问题总结：由于Vue2模板编译器(vue-template-compiler)仅支持到ES2015规范，无法解析ES2020的可选链语法。解决方案包括：1)使用计算属性封装逻辑；2)在方法中处理；3)创建工具函数；4)使用三元运算符。建议将复杂逻辑移出模板，保持模板简洁。该问题反映了JavaScript特性与模板编译器的兼容性差异，体现了排查技术问题的方法论：验证假设、查阅文档、善用社区资源。最终强调，编程的核心在于培养解决问题的能力而非单纯记忆语法。
2025-06-07 12:51:23
1981
原创 JavaScript 里那些不常见但超实用的语法糖
这些不常见的 JavaScript 语法特性虽然不是必须使用的，但用好了确实能让代码更加简洁、健壮和易读。我个人最喜欢的是可选链(?)和空值合并运算符(??)，它们解决了很多日常开发中的痛点。即使你暂时不打算在自己的代码中使用这些特性，了解它们也很重要，因为你迟早会在别人的代码或开源项目中遇到它们。知道它们的含义和用法，能帮你更快地理解和维护这些代码。最后，JavaScript 的发展非常迅速，保持学习的习惯很重要。我经常会翻阅MDN文档，看看有没有新的语法特性可以帮我解决当前的问题。
2025-05-29 16:13:11
579
原创 Cursor 编辑器保存代码卡顿问题 - 一次排查插件性能问题的经历
系统性排查很重要：遇到问题不要乱猜，要有条理地一步步排除可能性。就像写代码一样，要有逻辑。插件真的能影响性能：那些看起来很小的插件，有时候影响却很大，尤其是在保存、格式化这种频繁操作上。社区是个宝库：遇到问题先去 GitHub、Stack Overflow 等地方搜一搜，很可能别人已经踩过这个坑了。新版本不一定最好：有时候回退到稳定的旧版本，比死磕新版本的问题更明智。做好记录很重要：把问题和解决方案记录下来（就像我现在写这篇文章），不仅能帮助他人，也是对自己经验的沉淀。
2025-05-28 15:59:43
7258
原创 Element Plus DatePicker/calendar 设置周六为起始日（可自定义）
这个问题的解决过程告诉我们，在使用第三方组件库时，有时候问题的解决方案并不仅仅在表层的 API 设置，还需要了解组件的内部实现和依赖。通过正确配置 Element Plus 的 locale 和 dayjs 的 weekStart 设置，我们最终成功地将日期选择器的周起始日设置为周六。希望对您有帮助！
2025-03-27 10:45:28
1784
原创 浏览器渲染原理：从输入 URL 到页面显示浏览器都做了什么工作？
了解渲染流程，可以帮助我们避免不必要的重排和重绘掌握优化策略，可以提升页面性能和用户体验使用性能监控，可以及时发现和解决性能问题记住，一个好的网页应该像一个精心设计的建筑，既要美观实用，又要高效节能。
2025-03-26 17:59:44
958
原创 Vue3 调度系统揭秘 - 异步更新背后的“智慧大脑“
异步批量更新智能任务排序多级任务队列来确保应用程序的高效运行。理解调度系统的工作原理，不仅能帮助我们写出更好的代码，还能在遇到性能问题时快速定位和解决。
2025-03-25 08:45:00
590
原创 轻松理解 Vue3 编译优化 - 从入门到源码分析
优化方式作用实际效果静态提升提升不变的内容减少创建节点的开销,节省内存Patch Flag标记动态节点精准定位需要更新的内容Block Tree追踪动态节点快速找到动态节点,无需遍历通过这篇文章,我们从生活例子出发,一步步深入到源码实现,相信你已经对 Vue3 的编译优化有了清晰的认识。这些优化不是魔法,而是 Vue 团队在编译阶段和运行时层面的精心设计。记住：优秀的框架就像一个细心的管家,帮我们处理好所有的细节,让我们能专注于业务逻辑的开发。
2025-03-24 16:49:47
1724
原创 Vue3 Watch机制详解
嘿！👋 想知道Vue是如何"监视"数据变化的吗？想理解watch在Vue2和Vue3中的区别吗？这篇指南会用生动的方式，帮你理解这个强大的特性。让我们通过一个简单的类比开始：想象你正在照看一个小孩。时刻关注小孩的状态（监听数据）当小孩有不同需求时作出响应（回调函数）可能同时要照看多个小孩（多个监听源）这就是watch在Vue中的工作方式！// 生活中的例子// 被监听的状态baby: {},// watch的实际应用// 监听哭声watch(
2025-03-23 10:00:00
642
原创 Vue3 虚拟DOM和Diff算法详解
嘿！👋 想知道Vue是如何高效地更新页面的吗？想理解虚拟DOM和Diff算法的魔法吗？这篇指南会用最生动的方式，帮你理解这些看似复杂的概念。就像玩乐高一样，我们先要认识各种"积木"（虚拟DOM节点），然后才能理解如何"拼装"和"改造"它们。让我们开始吧！真实的建筑 = 真实的DOM建筑设计图 = 虚拟DOM修改设计图 = 更新虚拟DOM根据设计图施工 = 渲染真实DOM先在图纸上修改（更新虚拟DOM）计算最小的改动方案（Diff算法）最后才进行实际施工（更新真实DOM）
2025-03-22 15:08:19
2290
原创 Vue3 响应式系统 - 给初学者的详细指南
嘿！👋 不管你是刚开始学习Vue3，还是想深入理解它的响应式系统，这篇指南都会成为你的好伙伴！我们会用最简单的语言，配合大量的例子和生动的比喻，一步步揭开Vue3响应式系统的神秘面纱。
2025-03-22 10:39:41
1967
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人