零JS RPG 演示 State.js

State.js 是一个通过 HTML data 属性和 CSS 自定义属性实现响应式状态的库，无需 JavaScript 逻辑即可构建交互式 SPA。
- 零 JavaScript 逻辑的 RPG 演示 Gutter Rat 展示了完整的战斗、商店、库存与升级系统。
- 面板路由仅依赖单个 numeric data-state 属性，通过 CSS 选择器实现显隐与激活。
- 触发链（data-state-trigger-chain）与自动触发（data-state-autofire）让复杂逻辑纯 HTML 实现。
- 数据属性名称必须全小写，否则 CSS 选择器与 State.js 生成的类名不匹配。

原文链接
GitHub

#开发者 #工具

📢 频道：@DevToolboxHub