什么是依赖css的javascript的好例子？

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

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

我不能为后者想出一个具体的例子

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

文件是

---

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

我想当你有这样的东西时

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

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

---

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

一些简单的例子是，如果你的JavaScript需要CSS样式化的特定HTML元素的维度

在这种情况下，样式表中的CSS应该应用于元素，然后再通过getComputedStyle读取其维度

---

这里的示例可能是为具有灵活宽度的表格定义一个粘性表格标题，其中标题的宽度在主体渲染后根据主体的宽度进行设置。

在这种情况下，CSS应该放在第一位。我正在寻找为什么JavaScript应该放在CSS之前的原因。如果您的JavaScript不依赖CSS。例如，在JavaScript中直接进行转换时，不使用CSS定义的转换类。对不起，我编辑了我的问题。我知道这是一个很好的练习，我也不太担心。我只是好奇地想知道谷歌所说的不把CSS放在第一位的例子。