美文网首页
2022-10-17学习Htmx

2022-10-17学习Htmx

作者: 知识就是财富 | 来源:发表于2022-10-16 22:39 被阅读0次

    今天又是极其危险的一天,因为我差点忘记日更!不是因为今天没有学习新的东西,而是懒癌是我忘记了有这回事儿的存在....

    今天下午在等待flutter build apk的时候,从微信上翻腾出一篇文章《Htmx意外走红,.....》,当时粗略浏览了一下,感觉还不错,就转发了朋友圈。我不是前端开发工程师,不过作为救火队长,平时会改一些前端的内容,对页面布局、js依赖这些都颇有微词,再加上这一阵子好多刚毕业的学生选择以前端工程师的身份进入职场,让我留意了一下这个前端新闻。

    晚上的时候,我在Github上看到Html有9.8k个star,看起来这个技术在前端圈内已经不是什么新闻了,于是继续去官网看一下文档(https://htmx.org/docs/#introduction)。

官方文档上用a标签做对比:

<a href="/blog">Blog</a> 这个锚tag告诉浏览器:当一个用户点击了这个链接,发送一个HTTP GET请求到/blog这个地址,并加载返回结果到浏览器窗口。

<button hx-post="/clicked" hx-trigger="click" hx-target="#parent-div" hx-swap="outerHTML">Click Me!</button>
上面的代码告诉htmx:当一个用户点击这个按钮,发送一个HTTP POST请求到/clicked,并且使用返回的内容来替换DOM中id为parent-div的元素。

所以,当你使用htmx的时候,服务端要返回的是HTML,而不是JSON。

htmx 出现在 2020 年,创建者 Carson Gross 说 htmx 来源自他于 2013 年研究的一个项目 intercooler.js。2020 年,他重写了不依赖 jQuery 的 intercooler.js,并将其重命名为 htmx。然后他惊讶的发现 Django 社区迅速并戏剧性地接受了它!

相关文章

  • 【早安心语】

    【2022-10-17】 早安 春夏秋冬 Perfect is imagination, imperfect is...

  • 2022-10-21 因子论实盘记录

    一、交易记录 A 账户本周没有交易。 B 账户:2022-10-17 转出 4.1w,之前用于收取利息的 20w ...

  • 再次挑战早睡早起

    2022-10-17 06:57:22 好久没有早起了,不知不觉陷入了晚睡、不早起的“岔路”。 晚睡的效率其实很低...

  • 2022-10-17

    祝澜 1755 2022-10-17 读书笔记: 1、叙事治疗的核心价值,在于支持人可以成为自己的主人,让人成...

  • 0350复盘| 求真 向善 寻美

    2022-10-17 北京 晴天有风持续行动1000天,动力从哪里来?如何发展个人影响力?答案都是——分享。输出。...

  • 2022-10-17

    Nat Biotech | 癌症中p53的药物治疗:一种蛋白,多个靶点 原创三千图灵基因2022-10-17 10...

  • 《金吾生<庄子解>日课297.2022-10-17》

    《金吾生<庄子解>日课297.2022-10-17》 今天是壬寅庚戌癸卯,九月廿二,2022-10-17星期一。 ...

  • 2022-10-18

    祝澜 1756天 2022-10-17 读书笔记: 咨商员不同的问句隐含着不同的假设,也将会引导个案回答不同层...

  • 2022-10-18

    祝澜 1756天 2022-10-17 读书笔记: 咨商员不同的问句隐含着不同的假设,也将会引导个案回答不同层...

  • 2022-10-17

    Sci Rob | 机器人胶囊让药物渗透性提高10倍 原创图灵基因图灵基因2022-10-17 10:27发表于江...

网友评论

      本文标题:2022-10-17学习Htmx

      本文链接:https://www.haomeiwen.com/subject/dszdzrtx.html