Vite 开发时 import 路径大小写不一致导致 HMR 失效的排查过程-低调大师

Vite 开发时 import 路径大小写不一致导致 HMR 失效的排查过程

2026-09-30 2

Vue 3 中 watch 和 watchEffect 的清理副作用到底该怎么写才不翻车？

在 Vue 3 的组合式 API 里，watch 和 watchEffect 的清理函数经常被忽略。比如你在监听一个搜索关键词时发起异步请求，当关键词快速变化，前一次请求可能后返回并覆盖最新结果；或者在 watchEffect 里绑定 resize、scroll 等 DOM 事件，组件卸载后没有解绑，造成内存泄漏。这些问题在开发环境不一定报错，但在真实项目中会偶发数据错乱和性能下降。Vue 3 为 watch 和 watchEffect 提供了 onCleanup 回调，用来注册清理逻辑。清理的触发时机包括：监听源再次变化、watcher 停止（组件卸载或手动 stop）。理解这个机制，可以避...

2026-09-30

3

用同一个正则对象反复测试不同字符串，明明字符串都匹配，却出现一次 true 一次 false 的诡异现象，这是不少人在表单校验、循环过滤或批量替换时踩过的坑。问题大多不在正则模式本身，而是带了 g 或 y 标志的正则对象会维护 lastIndex 状态。调用 test 和 exec 时，匹配成功会更新这个值，下一次从新位置继续找，匹配失败才把它重置为 0。于是跨字符串复用同一实例时就容易出现交替结果。这篇文章从 JS 引擎的执行规则出发，解释 lastIndex 的行为边界，给出几种可靠的修正写法，并说明为什么在 React 组件、工具函数和模块级常量的场景里尤其容易撞上这个坑，以及如何通过代...

2026-09-30

2

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。