htmx

htmx 是一个轻量级前端库（约 16KB gzip），允许您通过 HTML 属性直接在标记中访问 AJAX、CSS 过渡、WebSocket 和服务器发送事件。它旨在简化动态 Web 应用的开发，无需编写大量 JavaScript 代码。

核心功能

• AJAX 请求：使用 hx-get、hx-post 等属性发起 HTTP 请求，替换页面元素。
• 事件触发：支持点击、提交、悬停等多种事件触发请求。
• CSS 过渡：通过 hx-swap 属性实现平滑的视图切换。
• WebSocket 和 SSE：支持实时通信，通过属性即可建立连接。

适用人群

• 希望减少 JavaScript 依赖的后端开发者。
• 构建简单动态页面或增强静态 HTML 的前端开发者。
• 需要轻量解决方案替代 React/Vue 的团队。

使用方式

只需在 HTML 中引入 CDN 链接，然后在元素上添加 htmx 属性即可。例如，一个按钮通过 hx-post="/clicked" hx-swap="outerHTML" 实现点击后通过 AJAX 发送 POST 请求并替换自身。

注意事项

• htmx 2.x 不再支持 IE，若需兼容 IE 请使用 1.x 版本。
• 需要后端返回 HTML 片段而非 JSON 数据。
• 不适合构建复杂的单页应用，更适合增强传统多页应用。