Htmlx javasctip Libs 2.0.1 htmlx练习代码

m0_64753155ZIPhtmlx.demo.zip  51.54KB

资源文件列表:

ZIP htmlx.demo.zip 大约有3个文件
  1. htmx.2.0.1.js 155.98KB
  2. htmx.2.0.1.min.js 48.03KB
  3. index.html 832B

资源介绍:

解压下载文件后使用浏览器打开 index.html 文件即可 Htmlx javasctip Libs 2.0.1 htmlx练习代码 htmx 是一个轻量级的 JavaScript 库,它允许你直接在 HTML 中使用现代浏览器的功能,而不需要编写 JavaScript 代码。通过 htmx,你可以使用 HTML 属性执行 AJAX 请求,使用 CSS 过渡动画,利用 WebSocket 和服务器发送事件 (Server-Sent Events) 等功能来构建现代化的用户界面。 htmx 的特点包括: 体积小(压缩后大约 14KB),没有依赖,可扩展,兼容 IE11。 通过扩展现有 HTML 标签的功能,比如允许除了
之外的元素发起 HTTP 请求,支持多种 HTTP 动词,以及提供更多的 DOM 更新选项。 通过简单的 HTML 属性,可以让开发者用声明式编码方式实现丰富的交互效果。 htmx 是 intercooler.js 的后继产品。

<!doctype html> <html> <head style="height: 100vh; width: 100vw;"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./tailwindcss.3.4.5.plugins.js"></script> </head> <body style="height: 100vh; width: 100vw;"> <div class="flex flex-row"> <div class="basis-1/3 hover:basis-1/2 bg-rose-500">01</div> <div class="basis-1/4">02</div> <div class="basis-1/2">03</div> </div> </body> </html> <!--<body style="height: 100vh; width: 100vw;"> <div style="height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;"> <div style="background-color: red; height: 200px; width: 200px; "></div> </div> </body>-->
100+评论
captcha