小页面交互用这Skill就地组织

轻量级响应式网页交互开发。

alpine-js 是为页面添加轻量交互的 Skill。它围绕 Alpine.js 的局部数据、事件、绑定和条件显示,让菜单、表单等行为贴近 HTML 组织。

一个展开菜单先说清数据和触发动作,再考虑是否需要共享状态。显示隐藏与移除内容会影响生命周期,不能只为少写几行就互换;复杂逻辑也应拆出来保持可读。

适合已有页面上的局部互动,不凭“轻量”就断定适合所有大型应用。键盘、焦点与辅助说明仍要设计,HTML 注入需处理不可信内容;和后端框架整合时核对应版本。原文给的是实践路线,本文没有搭建或测量页面。

分类:编程开发

来源仓库:mindrally/skills

适合用来做什么

  • 使用 Alpine.js 创建一个轻量级交互组件。
  • 请为我设计一个与 Tailwind CSS 集成的 Alpine.js 组件。

安装 alpine-js

npx skills add https://www.iskills.cc/skills/mindrally/skills/alpine-js/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 alpine-js 的用途与原始说明

浏览全部 Skill 指南