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

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

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

【相似文獻】

相關期刊論文 前10條

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

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

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

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

5 秦滿忠;李順成;劉旭宙;張淑珍;張元生;;核幔界面衍射波P_(diff)震相最大記錄震中距探討[J];地震學報;2015年02期

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

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

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

9 王英;李佩章;龐乃奇;謝娟;張云;黃蕾;;邁瑞CAL8000血液分析儀DIFF通道散點圖實習生帶教體會[J];蛇志;2018年03期

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

相關碩士學位論文 前2條

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

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

本文編號：2728979