对于页面加载速度优化，Google 建议样式和脚本的顺序应该是 CSS 第一，JavaScript 第二。
我明白这是一个很好的做法。
但是在文档中，它说“如果 JS 代码不依赖于 CSS 文件，您可以将 CSS 文件移到 JS 文件之前。如果 JS 代码确实依赖于外部文件中包含的 CSS - 例如，样式这是您在 JS 代码中写入文档所需的输出 - 这是不可能的。”
我无法为后者想出一个具体的例子。
什么是“您在 JS 代码中写入文档所需的输出样式”的一个很好的例子？
文件在这里
编辑：我的目的是找出 JavaScript 绝对需要放在 CSS 文件之前的情况。
一些简单的例子是，如果您的 JavaScript 需要由 CSS 样式化的特定 HTML 元素的尺寸。
在这种情况下，样式表中的 CSS 应该应用于元素，然后再通过getComputedStyle().
此处的示例可能是为灵活宽度的表格定义粘性表格标题，其中标题的宽度在渲染主体后根据主体的宽度进行设置。
我想当你有这样的事情时？
$("#someDiv").addClass("my_css_transition");
通常最好的做法是通过 CSS 使用 add/removeClass 在 JavaScript 中进行所有样式更改，而不是直接使用 JavaScript 设置样式属性。这使您的 JavaScript 依赖于您的 CSS。例如，CSS 可以定义过渡，如 fadeIn 或 slideIn。如果这些需要在页面加载时触发，您需要在 JavaScript 添加类之前加载 CSS。
尽管这是来自 Google 的合理建议，但要知道这是超级先进的东西。如果您有一个普通的 CMS 或 Wordpress 网站，您不必担心这一点。如果您是 Google、Yahoo 或 Facebook，那么是的，您应该担心它。