使用 ConditionerJS 延迟加载 JavaScript 模块
将 JavaScript 功能链接到 DOM 可能是一项重复且乏味的任务。在本文中,Rik Schennink 解释了 ConditionerJS 如何帮助使网站更加灵活和以用户为导向。将 JavaScript 功能链接到 DOM 可能是一项重复且 电子邮件营销列表 乏味的任务。您将类添加到元素,查找页面上的所有元素,并将匹配的 JavaScript 功能附加到该元素。护发素不仅可以代替您的双手完成这项工作,还可以增强它的功能!
在本文中,我们将了解通常用于将 UI 组件链接到网页的 JavaScript 初始化逻辑。我们将逐步改进这个逻辑,最后,我们将进行 1 KB 的跳跃,将其替换为 Conditioner。然后我们将探索一些实际示例和代码片段,并了解 Conditioner 如何帮助我们的网站更加灵活和面向用户。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
坐在树上的护发素和渐进增强 在我们继续之前,我需要先弄清楚一件事:Conditioner 不是构建 Web 应用程序的框架。相反,它针对的是网站。网站和网络应用程序之间的区别对于这个故事的延续很有用。让我解释一下我如何看待两者之间的总体差异。
网站大多是从内容的角度创建的;它们的作用是向用户呈现内容。HTML 的编写是为了在语义上描述内容。添加 CSS 是为了在多个视口中很好地呈现内容。最后一步和第三步是仔细地将 JavaScript 分层,为用户体验添加额外的活力。想想日期选择器、导航、滚动动画或轮播(请原谅我的法语)。
頁:
[1]