HTML 的高功率工具

介绍

htmx 让您直接在 HTML 中使用 属性 访问 AJAXCSS 过渡WebSockets服务器发送事件, 从而使用超文本的 简洁性威力 构建 现代用户界面

htmx 体积小(~14k min.gz’d), 无依赖可扩展 并且与 React 相比,代码库大小减少了 67%

动机

通过移除这些限制,htmx 完善了 HTML 作为 超文本 的功能

快速开始

  <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.7/dist/htmx.min.js"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

此按钮上的 hx-posthx-swap 属性告诉 htmx:

“当用户点击此按钮时,向 /clicked 发出 AJAX 请求,并用 HTML 响应替换整个按钮”

htmx 是 intercooler.js 的继任者

阅读 文档介绍 以获取更深入的…介绍。

请注意,htmx 2.x 已放弃对 IE 的支持。如果您需要 IE 支持,可以使用 1.x 代码线,该线将永久支持。

书籍

我们很高兴地宣布 Hypermedia Systems 的发布,这是一本关于如何使用 htmx 等构建 超媒体驱动应用 的书籍:

超媒体系统

赞助商

htmx 的开发可以通过 GitHub Sponsors 支持

感谢所有慷慨的 支持者,包括:

铂金赞助商

commspace commspace

银牌赞助商

ʕ •ᴥ•ʔ 产自蒙大拿