强大的HTML工具

介绍

htmx 让您可以直接在HTML中使用AJAXCSS过渡效果WebSockets服务器发送事件等特性,通过属性的方式,您可以用超文本的简洁性强大功能构建现代用户界面

htmx 体积小(约14k min.gz)、无依赖可扩展,与React相比减少了67%的代码量

设计理念

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

快速开始

  <script src="https://unpkg.com/htmx.org@2.0.6/dist/htmx.min.js"></script>
  <!-- 让按钮通过AJAX POST点击事件 -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    点击我
  </button>

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

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

htmx 是intercooler.js的继承者

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

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

书籍

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

Hypermedia Systems

赞助商

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

感谢所有支持者,包括:

Platinum Sponsor

commspace commspace

Silver Sponsors

ʕ •ᴥ•ʔ 来自蒙大拿