隨著網(wǎng)頁技術(shù)的快速發(fā)展,網(wǎng)頁內(nèi)容不斷增多,網(wǎng)頁功能也變得更加豐富全面,然而網(wǎng)頁HTML、靜態(tài)資源體積也隨之變大,網(wǎng)頁內(nèi)容生成時間隨之變長,這使得網(wǎng)頁加載速度減緩,嚴重影響了用戶體驗。同時目前主流的網(wǎng)頁加載方案（服務(wù)器端渲染與異步加載渲染）中,在服務(wù)器端返回數(shù)據(jù)之前瀏覽器和網(wǎng)絡(luò)均處于空閑狀態(tài),存在著較為明顯的優(yōu)化空間。Bigpipe加載方案借助于CPU流水線的思想,將頁面拆分為多個頁面分塊（Pagelet）,每當服務(wù)器端生成好Pagelet的內(nèi)容,就借助分塊傳輸編碼將Pagelet傳給瀏覽器端,使得服務(wù)器、網(wǎng)絡(luò)、瀏覽器流水線式工作,是對現(xiàn)有方案的良好改進。然而Bigpipe方案中由于JavaScript和CSS也需要拆分,導致HTTP請求數(shù)大量增加。Node.js是近年興起的服務(wù)器端JavaScript運行環(huán)境,性能出眾,且涌現(xiàn)了較多優(yōu)秀的靜態(tài)資源打包方案,論文認為Node.js平臺是較為合適的Bigpipe方案實現(xiàn)和改進平臺。為利用Bigpipe方案優(yōu)化目前的網(wǎng)頁加載過程,同時考慮到Bigpipe對編程模式存在諸多要求、需以框架形式進行實現(xiàn),因此本文提出了一種基于Node.js平臺、實... 

【文章來源】：北京郵電大學北京市 211工程院校 教育部直屬院校

【文章頁數(shù)】：73 頁

【學位級別】：碩士

【部分圖文】：

B堪P}Pe方案與傳忱方案的時kLPQ]

??３．多個異步操作串行執(zhí)行過程需使用遞歸。圖２－３中明確每個異步操作都??是確定的，故將多個異步回調(diào)嵌套即可實現(xiàn)整體的串行執(zhí)行，但如果存在運行時??才能確定的串行操作，例如一個數(shù)組中存儲了所需要執(zhí)行的所有串行操作，要想??實現(xiàn)數(shù)組中所有操作的連續(xù)執(zhí)行就需要使用遞歸等編程技巧。對比而言，非回調(diào)??式的同步代碼直接使用ｆｏｒ／ｗｈｉｌｅ循環(huán)便可簡單實現(xiàn)連續(xù)執(zhí)行。異步回調(diào)中必須??引入的遞歸使得代碼可讀性一定程度上降低。??故對于一種Ｎｏｄｅｊｓ平臺的Ｗｅｂ框架，提供合理的ＣａｌｌｂａｃｋＨｅｌｌ解決方案不??僅為開發(fā)者編程開發(fā)帶來較多便利，同時也利于框架本身的開發(fā)，便于梳理框架??自身邏輯。??２．２．２?Ｃａｌｌｂａｃｋ?Ｈｅｌｌ?解決方案??目前Ｎｏｄｅｊｓ平臺的Ｃａｌｌｂａｃｋ?Ｈｅｌｌ解決方案以下三個：??１．?Ｐｒｏｍｉｓｅ??Ｐｒｏｍｉｓｅ方案最初由開源社區(qū)提出，并在ｊＱｕｅｒｙ、Ｂｌｕｅｂｉｒｄ、Ｑ等前端開源庫??中實現(xiàn)，后由ＥＳ６官方規(guī)范進行實現(xiàn)。Ｐｒｏｍｉｓｅ方案核心是Ｐｒｏｍｉｓｅ對象，每個??Ｐｒｏｍｉｓｅ對象都包含ｐｅｎｄｉｎｇ、ｆｕｌｆｉｌｌｅｄ和ｒｅｊｅｃｔｅｄ三種狀態(tài)。同時提供了對應ＡＰＩ??用于綁定首次切換到上述狀態(tài)時將會執(zhí)行的回調(diào)函數(shù)

不同于Ｅｘｐｒｅｓｓ對Ｍｉｄｄｌｅｗａｒｅ的處理，ｋｏａ中Ｍｉｄｄｌｅ內(nèi)層Ｍｉｄｄｌｅｗａｒｅ嵌套在外層Ｍｉｄｄｌｅｗａｒｅ當中。執(zhí)行過程當中ａｒｅ的邏輯優(yōu)先執(zhí)行，然后由其控制何時進入內(nèi)層Ｍｉｄｄｌｅｗａｒｅ，并ｄｄｌｅｗａｒｅ執(zhí)行結(jié)束后再回到外層的Ｍｉｄｄｌｅｗａｒｅ遞歸向上執(zhí)行。的執(zhí)行流程，ｋｏａ的Ｍｉｄｄｌｅｗａｒｅ模型使得執(zhí)行順序靠前的ＭｉｄｄｌｅＭｉｄｄｌｅｗａｒｅ執(zhí)行結(jié)朿時追加其他處理邏輯的能力。??憑借著優(yōu)異的Ｍｉｄｄｌｅｗａｒｅ執(zhí)行模型，在提出后獲得了迅速的推間較短，其Ｍｉｄｄｅｗａｒｅ庫數(shù)量及完備度上不及Ｅｘｐｒｅｓｓ。??兩種框架都只是提供了?Ｍｉｄｄｌｅｗａｒｅ執(zhí)行模型以及基礎(chǔ)的Ｗｅｂ?Ｓ更多的功能諸如ＭＶＣ（Ｍｏｄｅｌ?Ｖｉｅｗ?Ｃｏｎｔｒｏｌｌｅｒ）模型、數(shù)據(jù)庫對象社區(qū)有較為成熟的Ｍｉｄｄｅｗａｒｅ實現(xiàn)，但是都不包含在框架本身合自身需求引入或自行實現(xiàn)。??型Ｗｅｂ框架??主流應用型Ｗｅｂ框架為阿里巴巴公司推出的Ｅｇｇ．ｊｓ與Ｔｈ推出的Ｓａｉｌｓ框架。??

【參考文獻】：
期刊論文
[1]Web頁面加載方式研究分析與優(yōu)化[J]. 徐世武,嚴玉姣.  計算機應用與軟件. 2015(11)
[2]基于Node.js的JavaScript并發(fā)控制流框架[J]. 李軼.  江漢大學學報(自然科學版). 2015(02)
[3]基于J2EE核心模式的組合Web框架研究[J]. 曾亮,齊歡,王小平,陳迎春.  華中科技大學學報(自然科學版). 2007(06)

博士論文
[1]移動Web瀏覽系統(tǒng)的若干關(guān)鍵技術(shù)研究[D]. 張開敏.中國科學技術(shù)大學 2012

碩士論文
[1]WEB系統(tǒng)前端性能優(yōu)化方法研究[D]. 李雨晨.湖南大學 2013
[2]Web前端性能優(yōu)化的研究與應用[D]. 張紫微.電子科技大學 2010



本文編號：3069092