2025-01-18阅读数:8
HTMX是什么? HTMX 最初以 intercooler.js 的形式诞生的,是一个用于构建动态网页的 JavaScript 库,它允许开发者通过简单的 HTML 属性来实现 AJAX 、CSS 动画、客户端事件等功能,而无需编写大量的 JavaScript 代码。 HTMX 的主要目的是简化动态网页的开发,使其更容易构建交互式 用户界面。 通过在 HTML 元素上添加自定义属性,开发者可以轻松地实现各种交互行为,例如请求数据、更新部分页面、错误处理等。 HTMX 支持 GET、POST、PUT、DELETE 等多种 HTTP 请求方式,方便与服务器进行交互。 通过指定目标元素,HTMX...
2025-01-15阅读数:61
需要逆向分析JavaScript代码,找到生成HTTP请求参数的算法并分析代码逻辑,然后使用Python进行算法模拟。 逆向JavaScript代码时留意混淆代码中的关键字,抽丝剥茧逐步调试。 或者使用Selenium进行翻页爬取。...
2025-01-08阅读数:85
通常网页要向后台提交数据都通过表单的方式进行,但有时候为了兼顾网页的布局美观,很难把所有的用户输入控件都放在同一个 <form> 表单标签里面。以往要解决这样的问题只能通过编写JavaScript代码来实现。 htmx拥有强大的交互能力,能够在跨表单甚至无表单的情况下对数据进行提交,而且只需要设置一个属性值即可实现,无须编写大量JavaScript代码。 下面我们就使用 Python + flask + htmx 来演示一下htmx的无表单提交功能。 先建一个演示的项目,使用Python + flask + htmx作为示例,项目总共两个子文件夹:templates、stat...
2025-01-08阅读数:79
在使用htmx的过程中,遇到了通过JavaScript动态加载的HTML内容包含的htmx行为不生效的问题。 在把一些老的项目升级替换成htmx时,难免会为了兼容旧代码而使用javascript加载html片段,在这当中遇到了一个奇怪的问题:加载的html片段中包含的hx-get、hx-post等代码不生效,点击时完全没响应。但把这些代码放在单独的一个页面里面测试是没问题的,这其中的原因令人费解。 虽然htmx在GitHub上的start已经有50多K,但网上的资料少之又少,特别是中文资料更是凤毛麟角。htmx官方上的示例也只是一笔带过,很多在实际应用当中是断层的,这让刚刚接触htmx这个...
2025-01-01阅读数:184
打开Python爬虫实战练习页面[requests库及lxml库入门_S01_Spiderbuf](https://spiderbuf.cn/playground/s01 "requests库及lxml库入门_S01_Spiderbuf"),看到页面上的内容是一个很简单的表格。 在页面上右键 -> 显示网页源代码,发现HTML源码也很简单。 我们就使用Python的requests库爬取网页,并使用lxml库来解析网页。 这两个库都不是Python的标准库,所以我们需要通过pip命令进行安装。 ...