SuperAPI AI 工具集

htmx

通用与其它

查看项目

更新于 10-16 05:49

技能介绍

用途:在构建超媒体驱动的 Web 应用(尤其配合 Go 与 templ)时应用正确的 htmx 模式。

核心原则:服务端返回渲染后的 HTML 片段而非 JSON;优先使用 hx-* 属性而非 htmx.ajax() 或 fetch();用响应头(HX-Retarget、HX-Reswap、HX-Redirect)控制流程;检查 HX-Request 头,对 htmx 请求返回片段、普通请求返回整页;不要在同一个页面混用 fetch() 与 htmx。

主要能力:资料按参考文件组织——templ-integration.md 讲 templ 与 htmx 集成,包括 templ 插值规则、hx-vals 中用 json.Marshal 生成动态 JSON、URL 构造、组件模式、hx-on 事件与嵌入 Go 数据;go-handlers.md 讲 Go 服务端模式,包括片段与整页响应(isHTMXRequest 辅助函数)、多目标 OOB 响应、htmx 感知重定向、用 HX-Trigger 驱动列表重载、删除返回空响应、校验错误重渲染;attributes-reference.md 涵盖换入策略与修饰符、触发器模式、自终止轮询、请求与响应头、OOB 换入;patterns-and-extensions.md 涵盖错误处理、过滤状态保持、表单与文件上传、内联编辑、Alpine.js 集成、加载指示器、hx-sync 同步策略、目标选择器、扩展(json-enc、SSE、WebSockets、head-support、preload)、JS 事件模式、常见反模式、CSRF 防护、meta 配置以及可用 Go 库(htmx-go、go-htmx、typed-htmx-go)。

限制:资料未提供具体安装命令、代码细节以各参考文件为准,价格与授权信息暂未提供。