摘要：本文探討在網(wǎng)頁加載時(shí)，如何提高JavaScript代碼執(zhí)行效率，從JavaScript本身的代碼機(jī)制來研究提高JavaScript代碼效率和開發(fā)出高性能的web 前端程序的方法。

關(guān)鍵詞：JavaScript；網(wǎng)頁加載；代碼效率提高

中圖分類號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2017）07-0232-01

1 JavaScript加載過程

進(jìn)行web 前端開發(fā)時(shí)， 無論采用主流Web開發(fā)框架還是直接用JavaScript代碼直接編寫JS文件， 無論代碼是內(nèi)嵌的JavaScript代碼還是外鏈的JS文件，由于不知道JavaScript代碼是否會(huì)改變當(dāng)前文檔的DOM結(jié)構(gòu)，當(dāng)前瀏覽器必須先花時(shí)間下載JavaScript代碼，然后解析并執(zhí)行它。在這個(gè)過程中，頁面渲染和用戶交互完全被阻塞了。舉例如下：

JavaScript 代碼內(nèi)嵌示例

當(dāng)瀏覽器遇到

信息檢索

標(biāo)題

全文

刊名

按相關(guān)度排序按時(shí)間排序

整刊文本版-> 數(shù)字技術(shù)與應(yīng)用 2017年7期

網(wǎng)頁加載時(shí)JavaScript代碼效率提高機(jī)制探討

字?jǐn)?shù)：2900

來源：數(shù)字技術(shù)與應(yīng)用?? ?? 2017年7期 ??字體：大 中 小??打印當(dāng)頁正文

摘要：本文探討在網(wǎng)頁加載時(shí)，如何提高JavaScript代碼執(zhí)行效率，從JavaScript本身的代碼機(jī)制來研究提高JavaScript代碼效率和開發(fā)出高性能的web 前端程序的方法。

關(guān)鍵詞：JavaScript；網(wǎng)頁加載；代碼效率提高

中圖分類號(hào)：TP311.52 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2017）07-0232-01

1 JavaScript加載過程

進(jìn)行web 前端開發(fā)時(shí)， 無論采用主流Web開發(fā)框架還是直接用JavaScript代碼直接編寫JS文件， 無論代碼是內(nèi)嵌的JavaScript代碼還是外鏈的JS文件，由于不知道JavaScript代碼是否會(huì)改變當(dāng)前文檔的DOM結(jié)構(gòu)，當(dāng)前瀏覽器必須先花時(shí)間下載JavaScript代碼，然后解析并執(zhí)行它。在這個(gè)過程中，頁面渲染和用戶交互完全被阻塞了。舉例如下：

JavaScript 代碼內(nèi)嵌示例

當(dāng)瀏覽器遇到

公司地址: 北京市西城區(qū)德外大街83號(hào)德勝國(guó)際中心B-11

客服熱線：400-656-5456??客服專線：010-56265043??電子郵箱：longyuankf@126.com

電信與信息服務(wù)業(yè)務(wù)經(jīng)營(yíng)許可證：京icp證060024號(hào)

Dragonsource.com Inc. All Rights Reserved