隨著 Web2.0 技術(shù)的不斷推廣，越來(lái)越多的應(yīng)用使用 JavaScript 技術(shù)在客戶端進(jìn)行處理，從而使 JavaScript 在瀏覽器中的性能成為開(kāi)發(fā)者所面臨的最重要的可用性問(wèn)題。而這個(gè)問(wèn)題又因 JavaScript 的阻塞特性變的復(fù)雜，也就是說(shuō)當(dāng)瀏覽器在執(zhí)行 JavaScript 代碼時(shí)，不能同時(shí)做其他任何事情。本文詳細(xì)介紹了如何正確的加載和執(zhí)行 JavaScript 代碼，從而提高其在瀏覽器中的性能。
在J2EE編程中，我們接觸最多的腳本語(yǔ)言還是JavaScript。在使用JavaScript中我們通常會(huì)考慮其性能問(wèn)題，因此將日常總結(jié)的關(guān)于JavaScript性能優(yōu)化的方式總結(jié)出來(lái)，以備查詢。
在使用JavaScript中經(jīng)常會(huì)遇到字符串的拼接問(wèn)題。請(qǐng)問(wèn)大家在使用Java編程的時(shí)候遇到上述的問(wèn)題，該怎么處理？
NX學(xué)生：老師，使用StringBulider 或StringBuffer
老師：回答正確，使用StringBuilder或StringBuffer能夠避免過(guò)多創(chuàng)建對(duì)象，降低系統(tǒng)性能。
好了，回到正題，我們還是來(lái)解答在使用JavaScript中，遇到上述問(wèn)題的處理方式。
首先，先來(lái)看看NX學(xué)生的處理方式：
<html> <script type="text/javascript"> var string="begin" var date = new Date() var begin = date.getTime() for(var i=0;i<9999999;i++){ string+="abc" } alert(new Date().getTime() - begin) </script> </html> 老師一看NX學(xué)生實(shí)現(xiàn)的方式，差點(diǎn)笑噴。這種垃圾的實(shí)現(xiàn)方式，真是毀了你一世英名啊。
老師面帶微笑的說(shuō)道：你這種實(shí)現(xiàn)方式就相當(dāng)于小學(xué)生的水平，就是一堆垃圾字母的隨機(jī)組合。說(shuō)完只聽(tīng)見(jiàn)SB老師在鍵盤(pán)上鍵步如飛的敲其代碼來(lái)。NX學(xué)生還沒(méi)有反應(yīng)過(guò)來(lái)，老師已經(jīng)將代碼完成：
<html> <script type="text/javascript"> var string="begin"; var string01=["begin"]; var date = new Date(); var begin = date.getTime(); for(var i=0;i<55555555;i++){ //string+="abc"; string01.push("abc"); } var result = string01.join(""); alert(new Date().getTime() - begin); </script> </html> 通過(guò)對(duì)以上代碼的運(yùn)行比較，老師的代碼性能明顯優(yōu)于NX學(xué)生的代碼，NX學(xué)生代碼還會(huì)經(jīng)常導(dǎo)致IE宕掉。
NX學(xué)生看到代碼運(yùn)行的結(jié)果，頓時(shí)對(duì)老師產(chǎn)生仰慕之情，決定虛心想老師學(xué)習(xí)，不斷提升自己……
這個(gè)故事雖然告一段落，但是老師和NX學(xué)生的JavaScript之旅還在繼續(xù)……
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
