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