依赖css的javascript的一个好例子是什么

What is a good example of css dependent javascript?

本文关键字：一个 是什么 css javascript 依赖      更新时间：2023-09-26

为了优化页面加载速度，谷歌建议样式和脚本的顺序应该是CSS第一，JavaScript第二
我理解这是一种很好的做法。

然而，在文档中，它说："如果JS代码对CSS文件没有依赖性，你可以在JS文件之前移动CSS文件。如果JS代码确实依赖于外部文件中包含的CSS——例如，你在JS代码中向文档写入的输出所需的样式——这是不可能的。"

我无法为后者想出一个具体的例子。

这种"在JS代码中向文档写入的输出所需的样式"的一个好例子是什么？

文件在这里

编辑：我的意图是找出JavaScript绝对需要放在CSS文件之前的情况。

如果您的JavaScript需要CSS样式的特定HTML元素的维度，那么就会有一个简单的例子。

在这种情况下，在通过getComputedStyle()读取元素的维度之前，应该将样式表中的CSS应用于元素。

这里的示例可以是为具有灵活宽度的表格定义粘性表格标题，其中在呈现主体之后，标题的宽度被相应地设置为主体的宽度。

我想当你有这样的东西时？

$("#someDiv").addClass("my_css_transition");

通常，最好使用add/removeClass通过CSS在JavaScript中进行所有样式更改，而不是直接使用JavaScript设置样式属性。这使得您的JavaScript依赖于CSS。例如，CSS可以定义转换，比如fadeIn或slideIn。如果这些需要在页面加载时启动，则需要在JavaScript添加类之前加载CSS。

尽管这是来自谷歌的合理建议，但要知道这是非常先进的东西。如果你有一个普通的CMS或Wordpress网站，你不必担心这一点。如果你是谷歌、雅虎或脸书，那么是的，你应该担心它

相关文章：