</> htmx _{用于 HTML 的高性能工具}

介绍

htmx 让你可以使用 AJAX、CSS 过渡、WebSocket 和 服务器发送事件 直接在 HTML 中使用 属性，因此你可以使用 现代用户界面 构建 简洁 和 强大 的超文本。

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

动机

• 为什么只有 <a> 和 <form> 才能发出 HTTP 请求？
• 为什么只有 click 和 submit 事件才能触发它们？
• 为什么只有 GET 和 POST 方法 可用？
• 为什么你只能替换整个屏幕？

通过消除这些限制，htmx 使 HTML 成为 超文本。

快速入门

  <script src="https://unpkg.com/[email protected]"></script>
  <!-- have a button POST a click via AJAX -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    Click Me
  </button>

此按钮上的 hx-post 和 hx-swap 属性告诉 htmx

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

htmx 是 intercooler.js 的继任者。

阅读 文档介绍，以更深入地了解……介绍。

请注意，htmx 2.x 已不再支持 IE。 如果您需要 IE 支持，您可以使用 1.x 代码行，它将永久支持。

书籍

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

赞助商

htmx 开发可以通过 GitHub 赞助 获得支持。

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

白金赞助商

#金牌赞助商

#银牌赞助商