3

我最近使用 HTML5、CSS3、JavaScript 和一些 jQuery 开发了我的第一个移动 Web 应用程序。在这个阶段，我想在 3 个不同的文件中分离 HTML、CSS 和 JS 的代码，并使用 Web 服务器在这些文件之间建立连接。有什么解决办法吗？

4

2 回答 2

9

只需在 HTML 中声明对 CSS 和 JS 的引用。出于性能原因，最好将 CSS 引用放在文件头部，将 JS 引用放在文件末尾，然后再关闭标记。这样，您的页面将立即加载并且看起来正确，并且不会被阻止下载 JavaScript。JS 将是最后加载的内容。这是 HTML 标记的示例：

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyles.css" />
</head>

<body>
...

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="myscript.js"></script>

</body>
</html>
于 2012-08-28T01:58:55.977 回答
0

我建议研究像这样的建筑商

  • 阿帕奇蚂蚁
  • HTML5 样板构建脚本
  • Grunt（基于 node.js）
  • Make 或 Rake 文件

这允许您分离所有文件，然后对文件进行 lint。这也允许您随后合并和缩小文件。至于不同的css、html和javascript。这些都应该保留在单独的文件中。但是缩小文件并将它们组合成单个文件肯定会减少页面加载时间。

一个很好的阅读和浏览将是 HTML5 Boilerplate。他们在性能和开发流程上花费了大量时间。

于 2012-08-28T02:01:02.777 回答