| 摘要 | 第3-4页 |
| Abstract | 第4-5页 |
| 第一章 绪论 | 第9-17页 |
| 1.1 研究背景 | 第9页 |
| 1.2 研究现状 | 第9-14页 |
| 1.2.1 移动互联网的应用形态 | 第9-12页 |
| 1.2.2 跨平台开发框架研究现状 | 第12-13页 |
| 1.2.3 跨平台移动Web开发框架发展现状 | 第13-14页 |
| 1.3 本文的主要内容及组织结构 | 第14-17页 |
| 第二章 移动跨平台PhoneGap及Ionic技术综述 | 第17-31页 |
| 2.1 PhoneGap体系架构与跨平台原理 | 第17-21页 |
| 2.1.1 PhoneGap概述 | 第17-18页 |
| 2.1.2 PhoneGap体系架构 | 第18-20页 |
| 2.1.3 PhoneGap跨平台原理 | 第20-21页 |
| 2.2 跨平台移动前端开发技术Ionic | 第21-23页 |
| 2.3 AngularJS概述 | 第23-27页 |
| 2.4 Crosswalk引擎 | 第27-31页 |
| 2.4.1 Crosswalk概述 | 第27页 |
| 2.4.2 Crosswalk优势 | 第27-31页 |
| 第三章 基于Ionic+PhoneGap的跨平台移动开发方案 | 第31-49页 |
| 3.1 方案概述 | 第31页 |
| 3.2 硬件的底层调用 | 第31-33页 |
| 3.3 数据交互方式 | 第33-34页 |
| 3.4 前端方案设计 | 第34-44页 |
| 3.4.1 Ionic CSS布局模式设计 | 第34-35页 |
| 3.4.2 界面渲染 | 第35-37页 |
| 3.4.3 界面组件列表设计 | 第37-39页 |
| 3.4.4 栅格系统 | 第39-40页 |
| 3.4.5 Ionic路由管理 | 第40-42页 |
| 3.4.6 使用Ionic内联模板 | 第42-44页 |
| 3.5 打包策略设计 | 第44-49页 |
| 第四章 基于Ionic的跨平台移动端性能优化研究 | 第49-63页 |
| 4.1 移动端性能优化分析 | 第49-51页 |
| 4.2 加载优化 | 第51-56页 |
| 4.2.1 按需加载 | 第51-52页 |
| 4.2.2 隐性加载 | 第52-53页 |
| 4.2.3 使用Angular TemplateCache | 第53-54页 |
| 4.2.4 图片优化 | 第54-56页 |
| 4.3 脚本执行优化 | 第56-58页 |
| 4.3.1 点击事件优化 | 第56页 |
| 4.3.2 Ionic的滚动优化 | 第56-57页 |
| 4.3.3 JavaScript性能优化 | 第57页 |
| 4.3.4 插件优化 | 第57-58页 |
| 4.4 渲染、绘制、合成优化 | 第58-63页 |
| 4.4.1 使用Ionic生命周期事件 | 第58页 |
| 4.4.2 使用GPU HACK | 第58-59页 |
| 4.4.3 Ionic集成Crosswalk | 第59-63页 |
| 第五章 基于Ionic+PhoneGap的移动新闻App设计 | 第63-73页 |
| 5.1 需求分析 | 第63-64页 |
| 5.1.1 功能性需求 | 第63页 |
| 5.1.2 非功能性需求 | 第63-64页 |
| 5.2 模块设计 | 第64-65页 |
| 5.3 服务端结构设计 | 第65-66页 |
| 5.4 应用实现 | 第66-69页 |
| 5.4.1 实现基础 | 第66-67页 |
| 5.4.2 各功能模块的实现 | 第67-69页 |
| 5.5 可行性测试 | 第69-73页 |
| 5.5.1 不同平台纵向性能对比测试 | 第69-70页 |
| 5.5.2 同一平台横向性能对比测试 | 第70-73页 |
| 第六章 总结与展望 | 第73-75页 |
| 6.1 总结 | 第73页 |
| 6.2 下一步的工作与展望 | 第73-75页 |
| 参考文献 | 第75-77页 |
| 致谢 | 第77页 |
