</> htmx ~ 文档

主要观点:htmx 是一个能直接从 HTML 访问现代浏览器功能的库,无需使用 JavaScript。它扩展了 HTML 的核心概念,可让各种元素触发 HTTP 请求,使用多种 HTTP 动词,指定不同的触发事件和修饰符,还能处理请求和响应,包括 AJAX、Web Sockets 与 SSE 等,支持多种交换方式和目标元素,可进行请求确认、验证、动画等操作,提供了丰富的扩展机制和配置选项。

关键信息

  • 安装方式多样,如通过 CDN、下载副本、npm 或 Webpack 等。
  • 核心是一系列允许从 HTML 发起 AJAX 请求的属性,如 hx-get、hx-post 等。
  • 支持多种触发请求的方式,包括默认事件和自定义触发条件。
  • 提供请求指示符、目标元素选择、交换方式等功能。
  • 可实现同步请求、CSS 过渡、外带交换等特性。
  • 支持文件上传、确认请求等操作。
  • 具有属性继承、提升功能,可实现渐进增强。
  • 与 Web Sockets、SSE 集成。
  • 提供历史支持,包括推送 URL、指定历史快照元素等。
  • 对请求和响应有详细的配置和处理机制。
  • 支持验证、动画等功能,有丰富的扩展机制。
  • 提供事件机制用于调试和扩展功能。
  • 注重安全,有多种安全工具和配置选项。

重要细节

  • 不同版本的 htmx 迁移指南。
  • 各种属性的具体用法和参数,如 hx-trigger 的修饰符、hx-swap 的交换方式等。
  • 不同安装方式的具体步骤和注意事项。
  • 历史支持相关的细节,如快照元素、处理 DOM 突变等。
  • 响应处理的配置方式和示例。
  • 安全方面的各种工具和配置选项的作用及使用方法。
  • 配置 htmx 的各种变量及其默认值和设置方式。
阅读 16
0 条评论