本文關(guān)鍵詞：基于Web的富客戶端跨平臺(tái)移動(dòng)應(yīng)用開發(fā)技術(shù)研究，，由筆耕文化傳播整理發(fā)布。

【摘要】：隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展,移動(dòng)應(yīng)用使用群體的日益龐大,傳統(tǒng)移動(dòng)應(yīng)用開發(fā)成本大、開發(fā)周期長(zhǎng)的現(xiàn)狀已不能滿足市場(chǎng)井噴式的需求。于是,跨平臺(tái)應(yīng)用的開發(fā)引起了越來越高的關(guān)注,特別是HTML5標(biāo)準(zhǔn)提出后,Web App擁有了更強(qiáng)大的生命力,眾多優(yōu)秀的國(guó)內(nèi)外互聯(lián)網(wǎng)企業(yè)對(duì)其進(jìn)行了投入和研發(fā),但因其性能與交互上的缺陷以及功能的不完備舉步維艱。 本文基于移動(dòng)Web技術(shù),通過對(duì)移動(dòng)應(yīng)用開發(fā)模式、開發(fā)框架及數(shù)據(jù)交互的研究與分析,提出了一種基于Web的富客戶端跨平臺(tái)移動(dòng)應(yīng)用開發(fā)方案。方案基于Web技術(shù)完成應(yīng)用框架架構(gòu)的搭建與界面、組件的編寫,并完成底層硬件功能的調(diào)用。以富客戶端的模式,通過設(shè)備本地WebView組件渲染應(yīng)用界面并將資源文件打包成客戶端應(yīng)用存儲(chǔ)在本地,通過跨域的數(shù)據(jù)交互方式與服務(wù)器端進(jìn)行交互。既發(fā)揮了Web的跨平臺(tái)性,又保留了用戶對(duì)于原生應(yīng)用的使用習(xí)慣,節(jié)約了網(wǎng)絡(luò)損耗與帶寬,提高了應(yīng)用性能。 在性能提升方面,本文基于Web在移動(dòng)端的加載規(guī)則與性能表現(xiàn)進(jìn)行研究,提出資源加載策略與交互事件性能的優(yōu)化方案,并解決了一些移動(dòng)終端上的隱性bug以及兼容性問題,進(jìn)一步提升了本文所述方案的性能及用戶體驗(yàn)。 最后,基于本文闡述的方案與技術(shù),文章通過實(shí)例項(xiàng)目——移動(dòng)電商平臺(tái)實(shí)現(xiàn)了跨平臺(tái)應(yīng)用的開發(fā),并在iOS及Android設(shè)備上運(yùn)行,驗(yàn)證了方案的可行性與高效性。
【關(guān)鍵詞】：移動(dòng)應(yīng)用 跨平臺(tái) 富客戶端 性能優(yōu)化
【學(xué)位授予單位】：云南大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2015
【分類號(hào)】：TP311.52;TP393.09
【目錄】：

• 摘要3-4
• Abstract4-6
• 目錄6-9
• 第一章 引言9-13
• 1.1 研究背景9-10
• 1.2 國(guó)內(nèi)外研究現(xiàn)狀10-11
• 1.3 本文主要內(nèi)容11-13
• 第二章 移動(dòng)Web技術(shù)綜述13-25
• 2.1 Web開發(fā)基礎(chǔ)13-14
• 2.1.1 HTML5技術(shù)13-14
• 2.1.2 CSS3技術(shù)14
• 2.1.3 JavaScript技術(shù)14
• 2.2 移動(dòng)Web開發(fā)模式14-18
• 2.2.1 綜述14-15
• 2.2.2 基于C/S的Native App開發(fā)模式15-16
• 2.2.3 基于B/S的Web App開發(fā)模式16-17
• 2.2.4 基于C/S的Hybird App開發(fā)模式17-18
• 2.3 現(xiàn)有移動(dòng)Web開發(fā)框架分析18-21
• 2.3.1 跨平臺(tái)框架原理18-19
• 2.3.2 UI層框架19-20
• 2.3.3 中間層20-21
• 2.4 數(shù)據(jù)交互技術(shù)21-25
• 2.4.1 數(shù)據(jù)交互原理21
• 2.4.2 跨域數(shù)據(jù)交互21-25
• 第三章 基于Web的富客戶端跨平臺(tái)移動(dòng)應(yīng)用開發(fā)方案25-41
• 3.1 方案概述25
• 3.2 基于WebView的Web主體型應(yīng)用25-27
• 3.3 基于Web的富客戶端策略27-28
• 3.4 開發(fā)方案設(shè)計(jì)28-41
• 3.4.1 頁面模板設(shè)計(jì)28-32
• 3.4.2 組件庫設(shè)計(jì)32-33
• 3.4.3 硬件調(diào)用設(shè)計(jì)33-35
• 3.4.4 跨域數(shù)據(jù)交互方式35-37
• 3.4.5 打包策略設(shè)計(jì)37-41
• 第四章 移動(dòng)端Web的性能優(yōu)化研究41-59
• 4.1 頁面渲染41-45
• 4.1.1 頁面渲染原理41-42
• 4.1.2 HTML性能優(yōu)化42-44
• 4.1.3 CSS性能優(yōu)化44-45
• 4.1.4 JavaScript性能優(yōu)化45
• 4.2 交互事件45-51
• 4.2.1 點(diǎn)擊事件46-48
• 4.2.2 滑動(dòng)事件48-51
• 4.3 圖片加載的優(yōu)化51-55
• 4.3.1 圖片體積優(yōu)化51-52
• 4.3.2 圖片加載的優(yōu)化52-55
• 4.4 兼容性問題55-59
• 4.4.1 概述與成因55
• 4.4.2 部分不兼容表現(xiàn)55-57
• 4.4.3 規(guī)避不兼容性的建議57-59
• 第五章 基于Web的跨平臺(tái)移動(dòng)電商原型59-73
• 5.1 需求分析概要59
• 5.2 模塊設(shè)計(jì)59-63
• 5.2.1 系統(tǒng)模塊概要59-60
• 5.2.2 系統(tǒng)模塊設(shè)計(jì)60-63
• 5.3 應(yīng)用實(shí)現(xiàn)63-69
• 5.3.1 實(shí)現(xiàn)基礎(chǔ)63-64
• 5.3.2 系統(tǒng)模塊的實(shí)現(xiàn)64-69
• 5.4 可行性測(cè)試69-73
• 第六章 總結(jié)與展望73-75
• 6.1 總結(jié)73-74
• 6.2 展望74-75
• 參考文獻(xiàn)75-78
• 致謝78

【參考文獻(xiàn)】

中國(guó)期刊全文數(shù)據(jù)庫 前3條

1 徐浩;周德華;丁卓;石雅強(qiáng);;面向多終端適配的移動(dòng)中間件的設(shè)計(jì)與實(shí)現(xiàn)[J];計(jì)算機(jī)與現(xiàn)代化;2011年09期

2 潘曉夢(mèng);鄧建華;蘇厚勤;;一種跨平臺(tái)移動(dòng)應(yīng)用方案的研究與實(shí)踐[J];計(jì)算機(jī)應(yīng)用與軟件;2013年01期

3 劉華星;楊庚;;HTML5——下一代Web開發(fā)標(biāo)準(zhǔn)研究[J];計(jì)算機(jī)技術(shù)與發(fā)展;2011年08期

中國(guó)博士學(xué)位論文全文數(shù)據(jù)庫 前1條

1 劉翔;面向移動(dòng)計(jì)算的WEB中間件關(guān)鍵技術(shù)研究[D];電子科技大學(xué);2013年

  本文關(guān)鍵詞：基于Web的富客戶端跨平臺(tái)移動(dòng)應(yīng)用開發(fā)技術(shù)研究，由筆耕文化傳播整理發(fā)布。

本文編號(hào)：338013