教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 多个js与css文件的合并方法详解

多个js与css文件的合并方法详解

发布时间:2014-08-14   编辑:jiaochengji.com
在web程序开发中,js、css文件会随着项目的开发变得越来越多,越来越大,会影响网站的性能。

在web程序开发中,js、css文件会随着项目的开发变得越来越多,越来越大,会影响网站的性能。
页面引入的的js与css文件过多的话,就会增加http的请求数,继而带来严重的性能损耗。
一个好的方法就是合并js,css文件。

以下的介绍以合并js文件为例。

(1) G.js文件
 

复制代码 代码如下:
function(){
window.G={};
G.Method={
add:function(){ alert(111);}
,sub:function(){ alert("减法");}
};
}();

(2) T.js文件
 

复制代码 代码如下:
var T=(function(){
return {
t1:function(){alert("t1 method!")}
,t2:function(){alert("t2方法!")}
,sum:function(obj){return obj.x+obj.y;}
};
}());

上面列出了连个简单的js文件,下面写一个批处理文件来合并以上文件。
(3) 合并js,css文件的批处理方法,文件名假设命名为 debug.bat
 

复制代码 代码如下:
copy G.js+T.js GT_bin.js /b

说明:
(1) 输入要合并的js文件,保存debug.bat文件,运行debug.bat即可。
(2) 一行代码即搞定,GT_bin.js 为合并之后的文件名称,/b是固定参数,文件合并之后,页面就只引用GT_bin.js文件,减少了http请求的次数,提高了网站的性能。
(3) 合并css文件方法也是如此。

您可能感兴趣的文章:
多个js与css文件的合并方法详解
php gzip压缩js与css代码的例子
为什么要在引入的css或者js文件后面加参数的详细讲解
网页技巧之怎样编写CSS
jQuery 白痴级入门教程
div css网页布局时如何合理架构css?
自学php要掌握哪些
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
JQuery 学习笔记 选择器之一
想学好html5看什么书好

[关闭]
~ ~