Vue 3 中 watch 和 watchEffect 的清理副作用到底该怎么写才不会内存泄漏-低调大师

Vue 3 中 watch 和 watchEffect 的清理副作用到底该怎么写才不会内存泄漏

2026-10-08 1

用AbortController取消fetch请求，避免组件卸载后更新状态

在Vue或React组件里发异步请求，用户快速切换路由或者关闭弹窗时，组件已经卸载了，但请求还在飞。等响应回来之后，回调里执行setState或者修改ref，React会警告“Can't perform a React state update on an unmounted component”，Vue虽然不报警告，但逻辑上你依然在操作一个不该再被更新的状态。这个问题在搜索框联想、tab切换、弹窗内加载数据时特别常见，原因是fetch本身没有提供取消机制，早期大家用XMLHttpRequest的abort方法，或者引入axios的CancelToken。现代浏览器已经原生支持AbortCon...

2026-10-08

1

在 Node.js 服务端开发中，我们常常会使用 Promise 来组织异步流程，尤其是在调用下游 HTTP 接口、查询数据库或者读写文件时。但很多开发者没有意识到，如果 Promise 被创建之后迟迟不 resolve 或 reject，并且外部又不断产生新的 Promise，这些挂起的 Promise 就会一直占据内存，最终拖垮整个进程。这类问题在线上表现为内存曲线持续上涨、GC 频率变高、甚至触发 OOM。更麻烦的是，它不像同步代码里的内存泄漏那样容易定位，因为 Promise 本身并不在堆快照里显式标记为“泄漏对象”，而是通过闭包和引用链间接持有大量数据。这篇文章会从实际代码出发，分析...

2026-10-08

1

资源下载

更多资源

Mario

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

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

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