多個(gè)js與css文件的合并方法詳細(xì)說明
更新時(shí)間:2012年12月26日 14:44:51 作者:
在Web項(xiàng)目的開發(fā)中,js,css文件會(huì)隨著項(xiàng)目的開發(fā)變得越來越多,越來越大,這就給給性能方面帶來一些問題;解決該問題的一個(gè)好的方法就是合并js,css文件需要了解的朋友可以參考下
在Web項(xiàng)目的開發(fā)中,js,css文件會(huì)隨著項(xiàng)目的開發(fā)變得越來越多,越來越大,這就給給性能方面帶來一些問題,如,頁面引入的的js,css越多的話,那么對就增加了http請求數(shù),解決該問題的一個(gè)好的方法就是合并js,css文件.
下面就簡單介紹一個(gè)方法,十分簡單.下面介紹以合并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;}
};
}());
上面列出了連個(gè)簡單的js文件,下面就要寫一個(gè)批處理文件來合并以上文件了
(3) 合并js,css文件的批處理方法,文件名假設(shè)命名為 debug.bat
copy G.js+T.js GT_bin.js /b
說明:
(1) 輸入要合并的js文件,保存debug.bat文件,運(yùn)行debug.bat即可.
(2) 就這么一行代碼就搞定了,十分簡單,GT_bin.js 為合并之后的文件名稱 , /b是固定參數(shù),文件合并之后,頁面就只引用GT_bin.js就可以了,從而減少了js文件的引用,到達(dá)了減少http請求的次數(shù),提高了網(wǎng)站的性能.
(3) 合并css文件方法也是如此.
下面就簡單介紹一個(gè)方法,十分簡單.下面介紹以合并js文件為例
(1) G.js文件
復(fù)制代碼 代碼如下:
~function(){
window.G={};
G.Method={
add:function(){ alert(111);}
,sub:function(){ alert("減法");}
};
}();
(2) T.js文件
復(fù)制代碼 代碼如下:
var T=(function(){
return {
t1:function(){alert("t1 method!")}
,t2:function(){alert("t2方法!")}
,sum:function(obj){return obj.x+obj.y;}
};
}());
上面列出了連個(gè)簡單的js文件,下面就要寫一個(gè)批處理文件來合并以上文件了
(3) 合并js,css文件的批處理方法,文件名假設(shè)命名為 debug.bat
復(fù)制代碼 代碼如下:
copy G.js+T.js GT_bin.js /b
說明:
(1) 輸入要合并的js文件,保存debug.bat文件,運(yùn)行debug.bat即可.
(2) 就這么一行代碼就搞定了,十分簡單,GT_bin.js 為合并之后的文件名稱 , /b是固定參數(shù),文件合并之后,頁面就只引用GT_bin.js就可以了,從而減少了js文件的引用,到達(dá)了減少http請求的次數(shù),提高了網(wǎng)站的性能.
(3) 合并css文件方法也是如此.
您可能感興趣的文章:
相關(guān)文章
JSCode all of Brower 全局屏蔽網(wǎng)頁右鍵功能 具體實(shí)現(xiàn)
JSCode all of Brower 全局屏蔽網(wǎng)頁右鍵功能 具體實(shí)現(xiàn),需要的朋友可以參考一下2013-06-06JS實(shí)現(xiàn)線性表的順序表示方法示例【經(jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了JS實(shí)現(xiàn)線性表的順序表示方法,簡單分析了線性表的原理并結(jié)合實(shí)例形式給出了線性表的插入與刪除實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04JavaScript代碼應(yīng)該放在HTML代碼哪個(gè)位置比較好?
這篇文章主要介紹了JavaScript代碼應(yīng)該放在HTML代碼哪個(gè)位置比較好?本文總結(jié)了多種放置JS代碼的方法,需要的朋友可以參考下2014-10-10使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐
本文主要介紹了使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04JS使用cookie實(shí)現(xiàn)只出現(xiàn)一次的廣告代碼效果
我們上網(wǎng)經(jīng)常會(huì)遇到第一次需要登錄而之后不用再登錄的網(wǎng)站的情況,其實(shí)是運(yùn)用了Cookie 存儲(chǔ) web 頁面的用戶信息,Cookie 以名/值對形式存儲(chǔ),當(dāng)瀏覽器從服務(wù)器上請求 web 頁面時(shí), 屬于該頁面的 cookie 會(huì)被添加到該請求中2017-04-04