htmx
htmx 是一个轻量级 JavaScript 库，通过 HTML 属性直接实现 AJAX、CSS 过渡、WebSocket 和 SSE，让你无需编写大量 JS 就能构建现代交互界面，回归超文本的简洁与强大。
过去 7 天收获 1 颗 Star
爱鲜报评分
0 人评分
5k
星数
否
中文
JavaScript
主语言
是
活跃
471
贡献者
人工分析
EDITORIAL推荐理由
htmx 以极小的体积（约 14KB gzip）和无依赖的特性，让开发者用 HTML 属性完成 AJAX 请求与局部更新，大幅降低前端复杂度。它契合 HATEOAS 与 REST 理念，适合希望减少 JavaScript 代码、提升开发效率的团队。近 5 万 Star 和活跃社区也证明了其可靠性。
适用场景
- 服务端渲染应用增强交互
- 快速构建 CRUD 界面
- 渐进式增强传统多页应用
- 实时更新（WebSocket/SSE）场景
- 低 JavaScript 依赖的轻量项目
优点
- 体积小、无依赖，加载快
- 通过 HTML 属性声明交互，学习成本低
- 与任何后端语言/框架无缝集成
- 支持 AJAX、CSS 过渡、WebSocket、SSE
- 社区活跃，文档完善，扩展性强
缺点
- 复杂单页应用状态管理不如主流框架
- 过度依赖服务端返回 HTML 片段
- 调试需结合浏览器网络面板
- 对习惯 React/Vue 的开发者需思维转换
htmx 简介
htmx 是一个轻量级 JavaScript 库，它允许你直接在 HTML 中使用属性来发起 AJAX 请求、处理 CSS 过渡、使用 WebSocket 和 Server-Sent Events，从而构建现代用户界面。其核心理念是回归超文本（hypertext）的简洁与强大，减少对大量 JavaScript 代码的依赖。
为什么选择 htmx？
- 体积小：压缩后仅约 14KB，无任何第三方依赖。
- 声明式交互：通过
hx-get、hx-post、hx-swap等属性，直接在 HTML 中定义行为。 - 与后端无关：任何能返回 HTML 的服务端语言或框架均可配合使用。
- 扩展性强：支持 WebSocket、SSE 等扩展，满足实时需求。
快速上手
在页面中引入 htmx 脚本，然后给按钮添加属性即可：
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.11/dist/htmx.min.js"></script>
<button hx-post="/clicked" hx-swap="outerHTML">
Click Me
</button>
当用户点击按钮时，htmx 会向 /clicked 发起 POST 请求，并用响应内容替换整个按钮。
安装方式
除了 CDN，也可以通过 npm 安装：
npm install htmx.org --save
注意包名是 htmx.org，而非已废弃的 htmx。
适用场景
htmx 特别适合服务端渲染的应用增强交互、快速构建 CRUD 界面、渐进式增强传统多页应用，以及需要实时更新（WebSocket/SSE）但不想引入复杂前端框架的项目。
社区与文档
官方文档齐全，社区活跃（Discord 频道），并有丰富的示例。项目采用 Mocha、Chai、Sinon 进行测试，欢迎贡献代码。
评论
- 暂无评论，来写第一条吧。