作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 00:15:47 阅读 我要评论

在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文件方法也是如此.

  推荐阅读

  Three.js源码阅读笔记(基础的核心Core对象)

Three.js是一个比较伟大的webgl开源库,它简化了浏览器3D编程,使得使用JavaScript在浏览器中创建复杂的场景变得容易很多。Github上众多webgl demo令我兴奋不已,跃跃欲试。由于这个库还处在开发阶段,因此资料非常>>>详细阅读


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

地址:http://www.17bianji.com/kaifa2/JS/22674.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)