多个js与css文件的合并方法详细说明


Posted in Javascript onDecember 26, 2012

在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文件方法也是如此.
Javascript 相关文章推荐
简单的JS多重继承示例
Mar 13 Javascript
javascript打开新窗口同时关闭旧窗口
Jan 16 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
浅谈JS继承_借用构造函数 & 组合式继承
Aug 16 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
JavaScript数组和对象的复制
Mar 21 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
JS在if中的强制类型转换方式
Jul 15 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
Jul 27 Javascript
JS打开图片另存为对话框实现代码
Dec 26 #Javascript
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 #Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 #Javascript
JSON为什么那样红为什么要用json(另有洞天)
Dec 26 #Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 #Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 #Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
Dec 26 #Javascript
You might like
深入PHP curl参数的详解
2013/06/17 PHP
PHP分页详细讲解(有实例)
2013/10/30 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
php输出xml必须header的解决方法
2014/10/17 PHP
浅析PHP文件下载原理
2014/12/25 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
Javascript Math对象
2009/08/13 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
基于JavaScript如何制作遮罩层对话框
2016/01/26 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Pandas之ReIndex重新索引的实现
2019/06/25 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
物业管理专业个人的自我评价
2013/11/19 职场文书
挂职自我鉴定
2014/02/26 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
个人自我鉴定总结
2014/03/25 职场文书
高中生学习计划书
2014/09/15 职场文书
初中班主任培训心得体会
2016/01/07 职场文书