htmx - HTMLのための高機能ツール
(htmx.org)<p>- HTML 内で AJAX や WebSockets などを直接使えるようにするライブラリ<br />
- 7kb、依存関係なし、IE11 対応かつ拡張可能<br />
- intercooler.js の後継 <br />
- すべての要素に属性を追加して動作を指定<br />
→ hx-trigger : click、change、submit、mouseenter でトリガー。once によって一度だけ実行するよう設定可能。delay:100ms で遅延も設定<br />
→ hx-post、hx-get など : POST/GET/PUT/PATCH/DELETE HTTP Request を呼び出し <br />
→ hx-target : リクエスト結果を送る要素を指定<br />
→ hx-swap : リクエスト結果を置き換える方法を指定。innerHTML、outerHTML、afterbegin、beforebegin、beforeend、afterend <br />
→ hx-ws : WebSocket 接続<br />
→ hx-sse : Server Sent Events を受信 <br />
→ hx-push-url : ブラウザ履歴に保存<br />
- htmx.logger ですべてのイベントをログ記録可能 <br />
- 拡張 : json-enc、morphdom-swap、client-side-templates、path-deps、class-tools </p>
1件のコメント