⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
Stimulus基础教程：控制器生命周期、状态管理与最佳实践指南
hwc-stimulus-fundamentals by thehotwireclub/hotwire_club-skills
安装命令
npx skills add https://github.com/thehotwireclub/hotwire_club-skills --skill hwc-stimulus-fundamentals🇨🇳中文介绍
Stimulus 基础
通过清晰的生命周期和状态边界实现稳健的 Stimulus 控制器。
核心工作流程
- 首先定义控制器契约：目标、值、出口、操作和预期的生命周期。
- 当需要响应式更新时，将状态转换保持在值回调中。
- 对可能在
connect()完成前运行的回调进行防护。 - 使用
connect()/disconnect()实现设置和清理的对称性。 - 将 DOM 事件处理与业务规则隔离；保持控制器的可组合性。
防护措施
- 优先使用声明式操作参数，而非手动解析数据集。
- 使用出口进行控制器间通信，而非私有内部机制。
- 保持目标回调的幂等性；考虑重复的 connect/disconnect 循环。
- 仅在需要 DOM 驱动的响应性时使用 MutationObserver。
- 在暴露 UI 功能前，先进行浏览器 API 的特性检测。
选择性加载参考文档
仅打开当前请求所需的文件。
- 值变更回调：
references/2023-08-29-stimulus-value-changed-callbacks.md - 键盘操作过滤器和热键：
references/2023-10-24-stimulus-keyboardevent-101.md - 基于 MutationObserver 的排序：
references/2023-12-05-stimulus-auto-sorting.md
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
