SuperAPI AI 工具集

htmx

前端与建站

查看项目

更新于 10-16 09:32

技能介绍

用途:htmx 通过 HTML 属性直接发起 AJAX 请求、处理 CSS 过渡、连接 WebSockets 与 Server-Sent Events,用于构建超媒体驱动的应用和局部交互。

主要能力:支持 hx-get、hx-post、hx-put、hx-patch、hx-delete 请求;hx-target 与 hx-swap 控制替换位置与策略(innerHTML、outerHTML、beforebegin、afterend、afterbegin、beforeend、delete、none);hx-trigger 支持 click、change、submit、keyup、mouseenter、自定义事件、every 5s 轮询、load、revealed、intersect,并可用 delay、throttle、once、changed、from 修饰;hx-boost 将链接与表单转为 AJAX;表单支持 hx-include、hx-vals、json-enc 扩展;支持 out-of-band 交换、hx-indicator 指示器、hx-preserve 保留元素、请求头与响应头控制、事件监听与配置。还提供 ws、sse、loading-states 等扩展。

使用方式:引入 https://unpkg.com/htmx.org@2.0.8 后,在元素上添加属性即可,例如按钮写 hx-get="/api/data" hx-target="#result"。扩展需另行引入脚本并用 hx-ext 启用。

限制:具体后端实现、认证、错误处理细节暂未提供;版本与扩展兼容性需自行确认。