单独的文件(HTML5、CSS和JS)
separate files (HTML5,CSS & JS)
我最近使用HTML5、CSS3、JavaScript和一些jQuery开发了我的第一个移动web应用程序。在这个阶段,我想将HTML、CSS&JS在3个不同的文件中,并使用web服务器在这些文件之间建立连接。有什么解决方案吗?
只需声明对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>
我建议研究像这样的构建器
- Apache Ant
- HTML5 Boilerplate构建脚本
- Grunt(基于node.js)
- Make或Rake文件
这允许您分离所有文件,然后对文件进行lint处理。这也允许您组合和缩小文件。至于不同的css、html和javascript。这些都应保存在单独的文件中。但是缩小文件并将其合并为单个文件肯定会减少页面加载时间。
HTML5 Boilerplate是一个很好的阅读和浏览工具。他们在性能和开发过程上花费了大量时间。
相关文章:
- css/js:通过滚动固定位置
- 什么CSS/JS技巧驱动镜像反转http://com.google愚人节页面
- CSS/js Flip Cards
- 将回车键映射到HTML/CSS/JS中的按钮
- CSS/.JS问题,<ul><李>在Megamenu中
- 最小化CSS/JS文件,并使用命令行创建一个文件
- 使用公共JS文档优化静态网站的CSS/JS导入
- HTML/CSS/JS切换不同的谷歌日历是同一个框架
- 使用 PHP 将 css/js 文件分配给 html 文档
- HTML/CSS/JS 构建工具
- Knockout.js在标头中绑定css/js库
- 如何在HTML/CSS/JS中为表/列表应用行虚拟化
- 当包含在CSS/JS/HTML中时,我如何得出正确的目录路径
- 这段代码有什么问题(responsible html-css-js)
- CSS/JS:如何在悬停时显示文本,并显示点击href的文本框
- 如何使css/js对象在所有浏览器上都相同
- html+css+js组合在Google Chrome或Safari浏览器中无法正常工作
- CSS/JS转换:translate3d和滚动-在Android上流畅,在iPhone上没有动力
- 使用CSS/JS反转和重新反转元素
- 将复杂的html/css/js元素添加到单个Wordpress页面中