中山Web前端開發(fā)培訓(xùn)班選哪個？

中山Web前端開發(fā)培訓(xùn)班選哪個?今天小編要跟大家分享的文章是關(guān)于Web前端性能優(yōu)化的實用技巧匯總。javascript在瀏覽器中運行的性能，可以認(rèn)為是開發(fā)者所面臨的最嚴(yán)重的可用性問題。這個問題因為javascript的阻塞性而變得復(fù)雜，事實上，多數(shù)瀏覽器使用單一進程來處理用戶界面和js腳本執(zhí)行，所以同一時刻只能做一件事。js執(zhí)行過程耗時越久，瀏覽器等待響應(yīng)的時間越長。

中山Web前端開發(fā)培訓(xùn)班選哪個?

達內(nèi)教育隸屬于加拿大達內(nèi)IT培訓(xùn)集團，于2002年成立 ，是達內(nèi)IT培訓(xùn)集團直屬學(xué)院。學(xué)院位于北京中關(guān)村，與北大、清華、中科院為鄰，學(xué)術(shù)氛圍濃厚。學(xué)院成立旨在建立軟件高級人才培養(yǎng)的快速通道，促進我國信息產(chǎn)業(yè)迅速發(fā)展。

1.IE8,FF,3.5,Safari 4和Chrome

IE8,FF,3.5,Safari 4和Chrome都允許并行下載js文件，當(dāng)script下載資源時不會阻塞其他script的下載。但是js下載仍然會阻塞其他資源的下載，如圖片。盡管腳本下載不會互相影響，但頁面仍然必須等待所有js代碼下載并執(zhí)行完才能繼續(xù)。因此仍然存在腳本阻塞問題.推薦將所有js文件放在body標(biāo)簽底部以減少對整個頁面的影響。

2.減少頁面外鏈腳本文件的數(shù)量將會提高頁面性能：

http請求會帶來額外的開銷，因此下載單個300k的文件將比下載10個30k的文件效率更高。

3.動態(tài)腳本加載技術(shù)：

無論何時啟動下載，文件的下載和執(zhí)行都不會阻塞頁面其他進程。

functionlaodScript(url,callback){

varscript =document.createElement('script');

script.type ='text/javascript';

if(script.readyState){// ie

script.onreadystatechange =function(){

if(script.readyState =='loaded'|| script.readyState =='complete'){

script.onreadystatechange =null;

callback()

}else{//其他瀏覽器

script.onload =function(){

callback()

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

//使用

loadScript('./a.js',function(){

loadScript('./b.js',function(){

loadScript('./c.js',function(){

console.log('加載完成')

4.無阻塞加載類庫——LABjs,使用方法如下：

//鏈?zhǔn)秸{(diào)用時文件逐個下載，.wait()用來指定文件下載并執(zhí)行完畢后所調(diào)用的函數(shù)

$LAB.script('./a.js')

.script('./b.js')

.wait(function(){

App.init();

})

//為了保證執(zhí)行順序，可以這么做,此時a必定在b前執(zhí)行

$LAB.script('./a.js').wait()

.script('./b.js')

.wait(function(){

App.init();