多个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计数器代码
Nov 04 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
Vue实现双向数据绑定
May 03 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
Jun 14 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
Sep 11 Javascript
解决vue热替换失效的根本原因
Sep 19 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 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
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
css配合jquery美化 select
2013/11/29 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
2015/04/14 Javascript
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
深入理解bootstrap框架之第二章整体架构
2016/10/09 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
基于Python实现一个简单的银行转账操作
2016/03/06 Python
python八大排序算法速度实例对比
2017/12/06 Python
安全的后院和健身蹦床:JumpSport
2019/07/15 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
信用社实习人员自我鉴定
2013/09/20 职场文书
暑假实习求职信范文
2013/09/22 职场文书
学生实习自我鉴定
2013/10/11 职场文书
大学生求职简历的自我评价范文
2013/10/12 职场文书
高二美术教学反思
2014/01/14 职场文书
药品采购员岗位职责
2014/02/08 职场文书
授权委托书格式范文
2014/08/02 职场文书
实习协议书范本
2014/09/25 职场文书
个人四风问题对照检查材料思想汇报
2014/10/06 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python