javascript - 一页网络应用程序和内联 javascript 和 CSS

Question

我们构建了所谓的单页网络应用程序(单个 html 页面 + ajax)
为了尽可能减少 http 调用，我们将 JS 和 CSS 捆绑在 2 个文件中。

与此同时，我们了解了移动版 Google Buzz 的构建方式，发现了一些有趣的地方:

• 内联脚本和样式
• 没有外部 JS 和 CSS
• data:images in CSS instead of url(...)

因此我们更进一步，在 SCRIPT 和 STYLE 标签中“内联”了 2 个 JS 和 CSS 文件。删除 2 个宝贵的 http 调用。

有人在桌面浏览器上遇到过一些麻烦吗？

我并不是要就不引人注目展开一场宗教辩论 ;) 它是关于性能、网络延迟、移动页面等...

Answer 1

这里值得注意的是，当存在冲突时，内联 CSS <style/> 会阻止胜过链接的 CSS 文件。

例如

<style type="text/css">
  div .whiteBG {
    background-color: #fff;
  }
</style>

胜过包含

的链接CSS文件

  div .whiteBG {
    background-color: #ccc;
  }

即使最后调用链接文件。