requestAnimationFrame 是浏览器提供的动画 API‌，用来让网页动画跟屏幕刷新节奏同步，比定时器更流畅省电 。‌‌‌工作原理‌执行时机由浏览器决定‌：你告诉浏览器"要做动画了"，它会在下次屏幕重绘前调用你的回调函数，不用自己计算时间间隔 。‌跟着屏幕刷新率走‌：如果屏幕每秒刷新 60 次，回调就约每 16.7 毫秒执行一次；如果是 75H...

前段时间仿了个电商站将其做成 opencart 主题，谈不上 100% 还原，大概也就 70% 左右。因为要适配 Opencart 模板，需要制作多个 模块(module)，而不得不有所取舍，大致还算满意。所不足者，页面实际宽度略大于屏幕宽度，因该模板只有在一个试验性站点中使用，且后来身体微恙需要治疗而不得闲，直到近日，方借助 kimi 进行排查。先将排查处...

reveal.js 是一个开源的 HTML 幻灯片框架，可以简单的理解为网页版的 PPT。它是一个工具，使任何拥有网络浏览器的人都可以免费创建功能齐全、美观的演示文稿。使用 reveal.js 进行的演示稿(PPT)基于开放式 web 技术。这意味着任何事情你可以在 web 上做的事，也可以在你的演示稿中实现。

Laravel htmx 是一个来自 Maurizio Bonani 的包，它提供了一种使用 htmx 的好方法，该库允许您直接从 HTML 访问现代浏览器功能，而不是使用 JavaScript

img属性loading="lazy"延迟请求加载资源HTML元素延迟加载属性 —— loading属性值lazy允许浏览器选择性加载IMG元素，根据用户滚动操作至其元素附近执行加载，一定程度起到节流的作用。懒加载、延迟加载亦或所谓的按需加载，通常在业务项目中，我们会考虑到此场景该如何处理？所谓图片懒加载，在图片位置未至用户视窗范围或屏幕位置时不予请求加载资...

通常我们使用 xpath 的用处是选择某个或者某些节点，但是如果我们的业务变成“需要选择去掉某个节点，然后拿到其他节点”，这个时候该怎么办呢？其实xpath 中有个功能叫做 not(name()) 可以删除一类 tag 的所有节点，如下所示：我们先有一个 html 的页面结构。方便大家的查看。...

...