多个js与css文件的合并方法详细说明
更新时间:2012年12月26日 14:44:51 作者:
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题;解决该问题的一个好的方法就是合并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就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能.
(3) 合并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就可以了,从而减少了js文件的引用,到达了减少http请求的次数,提高了网站的性能.
(3) 合并css文件方法也是如此.
您可能感兴趣的文章:
相关文章
JS事件Event元素(兼容IE,Firefox,Chorme)
今天,想聊聊JS事件对象。相信大家对于获得激发JS事件的原对象的理解,有的人可能简单停留在IE上。也就是window.event这个对象2012-11-11JavaScript中判断函数是new还是()调用的区别说明
具名函数的各种调用方式 在之前篇幅中已经介绍过了。这篇看看如何判断一个函数是被new调用的,还是被其它方式调用的。2011-04-04
最新评论