網(wǎng)頁加載時JavaScript代碼效率提高機制探討
2017-09-09 19:00龐雙玉
數(shù)字技術(shù)與應(yīng)用 2017年7期
摘要：本文探討在網(wǎng)頁加載時，如何提高JavaScript代碼執(zhí)行效率，從JavaScript本身的代碼機制來研究提高JavaScript代碼效率和開發(fā)出高性能的web 前端程序的方法。
關(guān)鍵詞：JavaScript；網(wǎng)頁加載；代碼效率提高
中圖分類號：TP311.52 文獻標(biāo)識碼：A 文章編號：1007-9416（2017）07-0232-01
1 JavaScript加載過程
進行web 前端開發(fā)時， 無論采用主流Web開發(fā)框架還是直接用JavaScript代碼直接編寫JS文件， 無論代碼是內(nèi)嵌的JavaScript代碼還是外鏈的JS文件，由于不知道JavaScript代碼是否會改變當(dāng)前文檔的DOM結(jié)構(gòu)，當(dāng)前瀏覽器必須先花時間下載JavaScript代碼，然后解析并執(zhí)行它。在這個過程中，頁面渲染和用戶交互完全被阻塞了。舉例如下：
JavaScript 代碼內(nèi)嵌示例
當(dāng)瀏覽器遇到
| 信息檢索 | 標(biāo)題 | 全文 | 刊名 |  |
整刊文本版-> 數(shù)字技術(shù)與應(yīng)用 2017年7期
網(wǎng)頁加載時JavaScript代碼效率提高機制探討
字?jǐn)?shù)：2900
來源：數(shù)字技術(shù)與應(yīng)用?? ?? 2017年7期 ??字體：大 中 小??打印當(dāng)頁正文
摘要：本文探討在網(wǎng)頁加載時，如何提高JavaScript代碼執(zhí)行效率，從JavaScript本身的代碼機制來研究提高JavaScript代碼效率和開發(fā)出高性能的web 前端程序的方法。Example1 
關(guān)鍵詞：JavaScript；網(wǎng)頁加載；代碼效率提高
中圖分類號：TP311.52 文獻標(biāo)識碼：A 文章編號：1007-9416（2017）07-0232-01
1 JavaScript加載過程
進行web 前端開發(fā)時， 無論采用主流Web開發(fā)框架還是直接用JavaScript代碼直接編寫JS文件， 無論代碼是內(nèi)嵌的JavaScript代碼還是外鏈的JS文件，由于不知道JavaScript代碼是否會改變當(dāng)前文檔的DOM結(jié)構(gòu)，當(dāng)前瀏覽器必須先花時間下載JavaScript代碼，然后解析并執(zhí)行它。在這個過程中，頁面渲染和用戶交互完全被阻塞了。舉例如下：
JavaScript 代碼內(nèi)嵌示例
當(dāng)瀏覽器遇到
公司地址: 北京市西城區(qū)德外大街83號德勝國際中心B-11
客服熱線：400-656-5456??客服專線：010-56265043??電子郵箱：longyuankf@126.com
電信與信息服務(wù)業(yè)務(wù)經(jīng)營許可證：京icp證060024號
Dragonsource.com Inc. All Rights Reserved
