40 行代码手写一个最烂的 htmx 克隆版
Let's make the worst Htmx

这是继 React 和 Vue 之后,我继续挑战构建流行框架微型克隆系列的第三篇。这次的主角是 htmx,一个让后端开发者无需关心 JavaScript 也能构建动态网页的库。文章通过约 40 行代码,从零开始实现了一个支持 HTTP 方法、自定义触发器、目标元素选择及多种内容替换策略的 htmx 克隆版。我们深入探讨了如何解析事件触发、处理服务器端响应头(如 HX-Trigger、HX-Redirect),并展示了如何通过插件机制扩展功能。整个过程旨在揭示 htmx 核心逻辑的简洁之美,证明即使是最基础的实现也能覆盖其大部分核心功能。
只要你的后端能够发送 HTML 模板,你就可以用 htmx 构建完整的应用,而无需编写一行 JavaScript。
- wren6991
哈?所以每个交互事件都要在循环里发起一次网络请求,而且延迟肉眼可见?最后还得在客户端用 JS 来处理底层逻辑?我本来打算研究一下 HTMX 的,但看了这篇帖子的内容,感觉这方案简直是集所有缺点于一身。至少用起来还算顺手吗?
- htmxxx
我们早就有了最不正经的 htmx
- sparse-Matrix
太棒了!我完全没想到会这么简单。作为这次练习的直接成果:我现在确切地知道了 htmx 到底干了些什么。
干杯