摘要:本文探討在網頁加載時,如何提高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 代碼內嵌示例
hi, this is a p
![]()
當瀏覽器遇到
關鍵詞:JavaScript;網頁加載;代碼效率提高
中圖分類號:TP311.52 文獻標識碼:A 文章編號:1007-9416(2017)07-0232-01
1 JavaScript加載過程
進行web 前端開發時, 無論采用主流Web開發框架還是直接用JavaScript代碼直接編寫JS文件, 無論代碼是內嵌的JavaScript代碼還是外鏈的JS文件,由于不知道JavaScript代碼是否會改變當前文檔的DOM結構,當前瀏覽器必須先花時間下載JavaScript代碼,然后解析并執行它。在這個過程中,頁面渲染和用戶交互完全被阻塞了。舉例如下:
JavaScript 代碼內嵌示例
hi, this is a p
![]()
當瀏覽器遇到
客服熱線:400-656-5456??客服專線:010-56265043??電子郵箱:longyuankf@126.com
電信與信息服務業務經營許可證:京icp證060024號
Dragonsource.com Inc. All Rights Reserved