【摘要】：Web應(yīng)用在Hybrid APP中越來越重要。然而,相對(duì)于Native應(yīng)用,Web應(yīng)用的打開速度和交互響應(yīng)速度較慢。本文旨在提升Web應(yīng)用的加載性能和渲染性能,使Hybrid APP中的Web應(yīng)用具有與原生Native應(yīng)用相近的性能,從而為用戶提供更好的體驗(yàn)。傳統(tǒng)的靜態(tài)存儲(chǔ)實(shí)現(xiàn)主要采用瀏覽器提供的接口,具有容量限制和兼容性問題。本文提出離線與增量更新插件系統(tǒng),將Web頁面靜態(tài)資源存儲(chǔ)在移動(dòng)端內(nèi)置存儲(chǔ)器中,以提升Web應(yīng)用打開速度。傳統(tǒng)的增量包生成算法包括Rsync算法和編輯距離算法,Rsync算法復(fù)雜度較低但是生成的增量包體積較大,編輯距離算法生成的增量包體積較小但復(fù)雜度較高。本文利用Rsync算法復(fù)雜度低和編輯距離算法生成的增量包體積小的特點(diǎn)提出了新的增量包生成算法,在增量包體積相對(duì)于編輯距離算法無明顯增加的情況下,提高了增量包生成效率。React框架使用虛擬DOM樹表示W(wǎng)eb頁面,并使用React Diff算法計(jì)算虛擬DOM樹之間的差異,根據(jù)差異更新Web頁面。React Diff算法計(jì)算同層虛擬DOM節(jié)點(diǎn)差異時(shí),得到的結(jié)果差異性較大。本文提出了最長公共子數(shù)組算法,優(yōu)化了 React框架使用的Element Diff算法,節(jié)省了交互等待時(shí)間。利用模塊化思想設(shè)計(jì)和實(shí)現(xiàn)了離線與增量更新插件系統(tǒng)并對(duì)其進(jìn)行了功能測(cè)試和性能測(cè)試。此插件系統(tǒng)實(shí)現(xiàn)了頁面靜態(tài)資源本地存儲(chǔ),當(dāng)再次訪問此頁面時(shí)無需再向服務(wù)器發(fā)送資源請(qǐng)求,使得請(qǐng)求等待時(shí)間減少了59%。在資源版本更新時(shí),增量更新使用的增量包占完整資源體積大小的20%至30%,并且實(shí)現(xiàn)了 31%的加載速度提升。將最長公共子數(shù)組算法應(yīng)用于React框架中后,節(jié)省了 5%的頁面交互等待時(shí)間。
【學(xué)位授予單位】：北京郵電大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2019
【分類號(hào)】：TP393.09;TP301.6
【圖文】：

第二章相關(guān)技術(shù)及方案現(xiàn)狀．２邋Ｗｅｂ邋框架邋Ｋｏａ逡逑Ｋｏａ是基于Ｎｏｄｅ．ｊｓ平臺(tái)的下一代Ｗｅｂ開發(fā)框架，特點(diǎn)是簡(jiǎn)單、表達(dá)力度較高。Ｋｏａ應(yīng)用程序是一個(gè)包含一組中間件（Ｍｉｄｄｌｅｗａｒｅ）函數(shù)的對(duì)象，處于Ｈｔｔｐ邋Ｒｅｑｕｅｓｔ和Ｈｔｔｐ邋Ｒｅｓｐｏｎｓｅ之間，用來實(shí)現(xiàn)中間功能。首先，級(jí)中間件中提供了高級(jí)的語法糖，包括內(nèi)容協(xié)商、緩存清理、代理支持等常見任務(wù)的方法，提高了互操作性和穩(wěn)健性，使得書寫中間件更加程序開發(fā)工程師愉快地開發(fā)服務(wù)端應(yīng)用程序。另外，Ｋｏａ通過使用ａｓｙｎｃ決了回調(diào)地獄問題，并有力的增強(qiáng)了錯(cuò)誤處理。逡逑Ｋｏａ中的功能通過中間件實(shí)現(xiàn)，每個(gè)中間件函數(shù)接收兩個(gè)參數(shù)作為參數(shù)，二個(gè)參數(shù)是ｎｅｘｔ函數(shù)，調(diào)用ｎｅｘｔ函數(shù)會(huì)把執(zhí)行權(quán)交給下一個(gè)中間件函個(gè)Ｋｏａ應(yīng)用中如果存在多個(gè)中間件，這些中間件是按照類似堆棧的方執(zhí)行的，執(zhí)行機(jī)制如圖２－１：逡逑

當(dāng)?shù)谝粋�(gè)字符串的第ｉ個(gè)字符不等于第二個(gè)字符串的第ｊ個(gè)字符時(shí)，上述逡逑動(dòng)態(tài)規(guī)劃公式中的ｆ（ｉ，ｊ）邋＝邋１，否則ｆ（ｉ，ｊ）邋＝邋０。當(dāng)舊文件為“ｂｕｐｔｓ”，新文件為逡逑“ｂｖｐｔｏｎ”時(shí)，根據(jù)上述動(dòng)態(tài)規(guī)劃公式計(jì)算得到圖２－４：逡逑ｂ邋ｖ邋ｐ邋ｔ邋0邋ｎ逡逑ｂ邐０邐１邐２邐３邐４邐５逡逑ｕ邐１邐１邐２邐３邐４邐５逡逑ｐ邐２邐２邐１邐２邐３邐４逡逑ｔ邐３邐３邐２邐１邐２邐３逡逑ｓ邐４邐４邐３邐２邐２邐３逡逑圖２－４編輯距離矩陣逡逑１１逡逑

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

1 梁偉;;Sysmex XE-5000全自動(dòng)血液分析儀DIFF通道檢測(cè)用于胸腹水有核細(xì)胞數(shù)檢測(cè)的效果[J];醫(yī)療裝備;2017年18期

2 傅錦芳;王雙;楊金玲;王雷;;Act5·diff血液分析儀的臨床應(yīng)用評(píng)價(jià)[J];湖南師范大學(xué)學(xué)報(bào)(醫(yī)學(xué)版);2008年04期

3 李吉蓮;司愛君;祝建波;鄧福軍;;矮牽牛細(xì)胞色素b5蛋白編碼基因difF的克隆及序列分析[J];新疆農(nóng)業(yè)科學(xué);2009年05期

4 常延河,李宏芬;庫爾特Micro Diff-Ⅱ血細(xì)胞分析儀常見故障排除方法[J];華北煤炭醫(yī)學(xué)院學(xué)報(bào);2000年04期

5 秦滿忠;李順成;劉旭宙;張淑珍;張?jiān)?;核幔界面衍射波P_(diff)震相最大記錄震中距探討[J];地震學(xué)報(bào);2015年02期

6 李秀林;微分同胚群Diff(s)在參數(shù)長度不固定情形下的推廣[J];杭州師范學(xué)院學(xué)報(bào);1993年03期

7 金小洪;;淺談BECKMAN-COULTER ACT. diff型血球計(jì)數(shù)儀技術(shù)原理和常見故障排除[J];醫(yī)療裝備;2007年04期

8 金曉娟;;庫爾特A~C T．diff~(TM)血細(xì)胞分析儀常見故障的查處[J];浙江檢驗(yàn)醫(yī)學(xué);2005年02期

9 王英;李佩章;龐乃奇;謝娟;張?jiān)?黃蕾;;邁瑞CAL8000血液分析儀DIFF通道散點(diǎn)圖實(shí)習(xí)生帶教體會(huì)[J];蛇志;2018年03期

10 陳歷明;;德里達(dá)的diff忮rance及其翻譯[J];英語研究;2003年Z1期

相關(guān)碩士學(xué)位論文 前2條

1 曹帥;基于Diff算法的Web前端性能優(yōu)化及評(píng)估[D];北京郵電大學(xué);2019年

2 曹海歌;基于改進(jìn)的Diff算法的Web前端性能優(yōu)化及應(yīng)用[D];華中師范大學(xué);2016年

本文編號(hào)：2728979