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

【文章來(lái)源】：北京郵電大學(xué)北京市 211工程院校 教育部直屬院校

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

【學(xué)位級(jí)別】：碩士

【部分圖文】：

B堪P}Pe方案與傳忱方案的時(shí)kLPQ]

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

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

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

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

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



本文編號(hào)：3069092