如何在网页中安排js和css文件的顺序？

Question

我应该在 .css 前加 .js ，或在 .js 前加 .css 文件？哪个更好？我正在使用jquery开发一个html5项目。

Answer 1

一般规则是将样式表（.css）放在顶部，将脚本（.js）放在底部。但要小心，您可能无法将所有脚本放在最底层。

Answer 2

尝试使用http://headjs.com/来优化JS和CSS的加载。 http://requirejs.org/也是处理这个问题的好框架。

Answer 3

我建议您使用HTML5 Boilerplate根据过去4年中顶级前端开发人员制定的最佳做法为您做出这样的决定。代码真的很好评论，文档非常好，所以你可以轻松地了解更多关于思​​考的知识，这些思维能够为你的各种决策做出贡献，但如果你只想继续构建你的页面，那么你知道你的基础是健全的，那么你能够。

Answer 4

没有更好的方法。只要它们都在标题中，除非它们相互依赖，否则它们的顺序没有区别。

编辑：在大多数简单的情况下，上述情况都是如此。

理想情况下，您应该将所有CSS样式放在HEAD元素和所有SCRIPT元素中，依赖于BODY元素末尾的依赖顺序（直到之前）结尾</body>）。

不同的订单可以在较新的桌面浏览器中产生某些差异。在移动浏览器中，推测性解析不可用，因此浏览器在执行任何其他加载之前等待脚本请求。

tl; dr - 这并不重要，因为差异是微不足道的，特别是如果你的前端有严重的JavaScript依赖。