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

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

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

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

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

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

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

http請(qǐng)求會(huì)帶來(lái)額外的開(kāi)銷，因此下載單個(gè)300k的文件將比下載10個(gè)30k的文件效率更高。

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

無(wú)論何時(shí)啟動(dòng)下載，文件的下載和執(zhí)行都不會(huì)阻塞頁(yè)面其他進(jìn)程。

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.無(wú)阻塞加載類庫(kù)——LABjs,使用方法如下：

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

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

.script('./b.js')

.wait(function(){

App.init();

})

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

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

.script('./b.js')

.wait(function(){

App.init();