Memory Leak Detector 技能:核对弹窗关闭后的事件监听器
EnglishClaude Code 安装步骤
- 从 GitHub 固定提交获取完整的 `plugins/performance/memory-leak-detector/skills/detecting-memory-leaks` 目录。
- 复制到目标项目的 `.claude/skills/`,确认 `.claude/skills/detecting-memory-leaks/SKILL.md`,再从项目根目录启动 Claude Code,输入 `/detecting-memory-leaks`。
中文摘要
用 Claude Code 审查本地网页组件的监听器注册与清理,比较反复挂载后的资源数量。
SKILL.md 中文导读
可复现示例
为本地弹窗加一个 resize 监听器,打开关闭 20 次。关闭后触发一次 resize,检查旧回调是否还执行,并修复组件卸载清理。工作步骤
- 找出 addEventListener 的注册时机与对应清理,核对移除时使用的回调和选项。
- 用同样的操作次数分别复测修复前后。记录残留回调数量或内存快照上的保留路径。
验收方法
修复后已关闭的弹窗不再收到 resize。重复 20 次能核对监听器是否仍增长。
GitHub 原文 · 更新日期
适用环境
准备自己的本地应用、浏览器 DevTools 和可以重复打开关闭的弹窗。
常见问题
内存曲线一次上升就能确认泄漏吗?
在同样条件下重复操作,检查对象是否持续被保留,再定位保留关系。
相关指南
相关推荐
groq-install-auth 技能
jeremylongshore/claude-code-plugins-plus-skills
anima-common-errors 技能
jeremylongshore/claude-code-plugins-plus-skills
apple-notes-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
castai-hello-world 技能
jeremylongshore/claude-code-plugins-plus-skills
cohere-local-dev-loop 技能
jeremylongshore/claude-code-plugins-plus-skills
figma-security-basics 技能
jeremylongshore/claude-code-plugins-plus-skills