基于Web的富客户端跨平台移动应用开发技术研究

发布时间：2017-05-01 02:08

  本文关键词：基于Web的富客户端跨平台移动应用开发技术研究，，由笔耕文化传播整理发布。

【摘要】：随着移动互联网技术的飞速发展,移动应用使用群体的日益庞大,传统移动应用开发成本大、开发周期长的现状已不能满足市场井喷式的需求。于是,跨平台应用的开发引起了越来越高的关注,特别是HTML5标准提出后,Web App拥有了更强大的生命力,众多优秀的国内外互联网企业对其进行了投入和研发,但因其性能与交互上的缺陷以及功能的不完备举步维艰。 本文基于移动Web技术,通过对移动应用开发模式、开发框架及数据交互的研究与分析,提出了一种基于Web的富客户端跨平台移动应用开发方案。方案基于Web技术完成应用框架架构的搭建与界面、组件的编写,并完成底层硬件功能的调用。以富客户端的模式,通过设备本地WebView组件渲染应用界面并将资源文件打包成客户端应用存储在本地,通过跨域的数据交互方式与服务器端进行交互。既发挥了Web的跨平台性,又保留了用户对于原生应用的使用习惯,节约了网络损耗与带宽,提高了应用性能。 在性能提升方面,本文基于Web在移动端的加载规则与性能表现进行研究,提出资源加载策略与交互事件性能的优化方案,并解决了一些移动终端上的隐性bug以及兼容性问题,进一步提升了本文所述方案的性能及用户体验。 最后,基于本文阐述的方案与技术,文章通过实例项目——移动电商平台实现了跨平台应用的开发,并在iOS及Android设备上运行,验证了方案的可行性与高效性。
【关键词】：移动应用 跨平台 富客户端 性能优化
【学位授予单位】：云南大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP311.52;TP393.09
【目录】：

• 摘要3-4
• Abstract4-6
• 目录6-9
• 第一章 引言9-13
• 1.1 研究背景9-10
• 1.2 国内外研究现状10-11
• 1.3 本文主要内容11-13
• 第二章 移动Web技术综述13-25
• 2.1 Web开发基础13-14
• 2.1.1 HTML5技术13-14
• 2.1.2 CSS3技术14
• 2.1.3 JavaScript技术14
• 2.2 移动Web开发模式14-18
• 2.2.1 综述14-15
• 2.2.2 基于C/S的Native App开发模式15-16
• 2.2.3 基于B/S的Web App开发模式16-17
• 2.2.4 基于C/S的Hybird App开发模式17-18
• 2.3 现有移动Web开发框架分析18-21
• 2.3.1 跨平台框架原理18-19
• 2.3.2 UI层框架19-20
• 2.3.3 中间层20-21
• 2.4 数据交互技术21-25
• 2.4.1 数据交互原理21
• 2.4.2 跨域数据交互21-25
• 第三章 基于Web的富客户端跨平台移动应用开发方案25-41
• 3.1 方案概述25
• 3.2 基于WebView的Web主体型应用25-27
• 3.3 基于Web的富客户端策略27-28
• 3.4 开发方案设计28-41
• 3.4.1 页面模板设计28-32
• 3.4.2 组件库设计32-33
• 3.4.3 硬件调用设计33-35
• 3.4.4 跨域数据交互方式35-37
• 3.4.5 打包策略设计37-41
• 第四章 移动端Web的性能优化研究41-59
• 4.1 页面渲染41-45
• 4.1.1 页面渲染原理41-42
• 4.1.2 HTML性能优化42-44
• 4.1.3 CSS性能优化44-45
• 4.1.4 JavaScript性能优化45
• 4.2 交互事件45-51
• 4.2.1 点击事件46-48
• 4.2.2 滑动事件48-51
• 4.3 图片加载的优化51-55
• 4.3.1 图片体积优化51-52
• 4.3.2 图片加载的优化52-55
• 4.4 兼容性问题55-59
• 4.4.1 概述与成因55
• 4.4.2 部分不兼容表现55-57
• 4.4.3 规避不兼容性的建议57-59
• 第五章 基于Web的跨平台移动电商原型59-73
• 5.1 需求分析概要59
• 5.2 模块设计59-63
• 5.2.1 系统模块概要59-60
• 5.2.2 系统模块设计60-63
• 5.3 应用实现63-69
• 5.3.1 实现基础63-64
• 5.3.2 系统模块的实现64-69
• 5.4 可行性测试69-73
• 第六章 总结与展望73-75
• 6.1 总结73-74
• 6.2 展望74-75
• 参考文献75-78
• 致谢78

【参考文献】

中国期刊全文数据库 前3条

1 徐浩;周德华;丁卓;石雅强;;面向多终端适配的移动中间件的设计与实现[J];计算机与现代化;2011年09期

2 潘晓梦;邓建华;苏厚勤;;一种跨平台移动应用方案的研究与实践[J];计算机应用与软件;2013年01期

3 刘华星;杨庚;;HTML5——下一代Web开发标准研究[J];计算机技术与发展;2011年08期

中国博士学位论文全文数据库 前1条

1 刘翔;面向移动计算的WEB中间件关键技术研究[D];电子科技大学;2013年

  本文关键词：基于Web的富客户端跨平台移动应用开发技术研究，由笔耕文化传播整理发布。

本文编号：338013