您当前的位置:首页 >> 城乡污水
城乡污水

如何结合使用HTML与Htmx并减少JavaScript字符串量

发布时间:2025-08-02

d you like to stay?

input.light(type="text", ,

hx-post="/search" ,

hx-trigger="keyup changed delay:500ms" ,

hx-target=".results" ,

hx-indicator=".htmx-indicator")

include includes/rental-list.pug

每次浏览器在网站上搜索经营者当铺时,都可以用以相同的部份填充搜索结果。结果如下简述:

遗传物质

JavaScript

app.post('/search', (req, res) => {

const { search } = req.body;

const results = _rentals.data.filter(r => {

const _search = search.toLowerCase();

const _title = r.attributes.title.toLowerCase();

return _title.includes(_search);

});

const template = pug.compileFile('views/includes/rental-list.pug');

const markup = template({ rentals: results });

res.send(markup);

});

浏览器端IP

HTTPIP随之而来了一系列关键问题。例如,在基于散列的IP和基于URL的IP之间总是共存一个两难选择。由于旧版Firefox(如Internet Explorer 11)不支持者历史背景API,因此在URL中会用以片段ID的基于哈希的IP仅仅总是首选。

大多数JS前提都实现了自己的HTTPIP逻辑。同时,所有前提都用以自己的FirefoxAPI,例如window.history。这导致UNIX中会显现出大用量样板字符。

更少的JS字符

Htmx的主要军事优势在于编纂比方说送到Firefox的JS字符用量。与hyperscript朋友们,该坎允许浏览器创建者非常丰富的交互式UNIX,而需用以JS中会的HTTP字符:

遗传物质

HTML

Click Me

当单页技术的发展在此之前大行其道时,社区换用JSON作为协同工作的标准。现今,为了从JSON数据库中会对HTML顺利完成逆向工程,浏览器并不一定只能管控通过API来自伺服器的大用量HTTP数据库。API拥护并不一定举例来说不完整或冗余的数据库。

为认识决这个关键问题,之前开发了像GraphQL这样的多样替代计划,因此浏览器只能从伺服器给予所需的数据库。Htmx提供了更好的彻底解决计划:只需将HTML替换成为从伺服器接收到的HTML拥护,而暂时只能HTTP数据库。

暂时构筑/编译

Htmx的另一个不同之处是暂时换用WebUNIX构筑工具箱。可以换用CDN工具箱:

遗传物质

HTML

暂时构筑是WebUNIX开发的全球性趋势。一方面,ES基本功能约束之前被所有Firefox开发者所拒绝接受。另一方面,现今有了Skypack、Snowpack和Vite工具箱,可以与CDN和ESM方法结合用以。所有这些最终将导致HTTPJavaScript的构筑降低。此外,需安装数千个npm包并确保多样的构筑配置。

标准化字符坎

一个UNIX的两个字符坎意味着额外的开发下一场。比如说是,只能定时新增调动、两次配置构筑从外部、新增两个坎中会的前提、确保字符,并从两个非同接入测试包。

Htmx允许浏览器将所有字符重新组合在一个地方:由于三维在浏览器端顺利完成,因此不只能单独的接口基础。从在短期内来看,这可以为浏览器耗费大用量星期和费用。此外,开发人员可以更加一致地提供援助,他们并不需要检查两个或更多加载坎。

暴力行为前提的一般来说(LoB)

LoB原理是由程式设计政治学家Richard Gabriel提出的。他指出,所有开发人员都确实努力确保每段字符的暴力行为在验证时是显而易见的。

Gabriel确信,一般来说对于保持稳定字符易于确保至关重要。一般来说是一种适应性,它允许程序员在看得见字符的一小部份后就可以认识字符归属于核心的哪一部份。

它有点像这样:

遗传物质

HTML

The behaviour of a code unit should be as obvious as possible by looking only at that unit of code

Click Me

依赖于稳定状态定时的关键问题

HTTP稳定状态政府机构转化成的关键问题比彻底解决的关键问题多。这一前提的实现导致HTTP和浏览器端都只能稳定状态政府机构。另一种彻底解决计划是将稳定状态加载在伺服器上。在这种情况下,HTTP充当虚拟监督器,用以描绘出稳定状态改回。

这与瘦计算机系统来进行多种不同,瘦计算机系统来进行是一种带有连接到终端伺服器的轻用量级UNIX。这些装置被用来创建者第一个用以耗费资非同的WebUNIX。

Htmx将试图浏览器避开混淆稳定状态政府机构网络中会的浏览器界面(UI)字符;例如,双向数据库初始化、单向时序和反应式数据库。

原文曲名:Removing JavaScript: How To Use HTML With Htmx and Reduce the Amount of Code,作者:Alexey Shepelev

治疗拉肚子的药成份
海露玻璃酸钠滴眼液治眼睛疼吗
眼睛不舒服用什么眼药水
结膜炎有什么好的方法治疗
急性角膜炎的症状及治疗方法

上一篇: 「价值型购买」当道 奥克斯空调「刷新」身体健康智能体验

下一篇: 橡塑绝热材料的导热数值是多少

友情链接