使用HTML5开发跨平台应用.pptx_第1页
使用HTML5开发跨平台应用.pptx_第2页
使用HTML5开发跨平台应用.pptx_第3页
使用HTML5开发跨平台应用.pptx_第4页
使用HTML5开发跨平台应用.pptx_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

微博客户端的开发案例 使用HTML5开发跨平台应用 杜亚波 / 邱智钢 杜亚波 掌中宽途开发总监 =+ 我们们都是HTML5 Fans 邱智钢 软通动力前端开发主管 面对无数的应用，我们要做什么？ 多平台微博客户端 具有丰富的用户体验 支持移动设备 用户体验一致（跨平台无差异） 需求 传统传统 移动动互联联网跨平台应应用开发发模式 面对众多选择，我们该怎么取舍？ 多平台微博客户端 具有丰富的用户体验 支持移动设备 用户体验一致（跨平台无差异） 需求 入门门槛 低 开发快速 成本低（一个团队 ） 技术框架 HTML5技术术跨平台移动应动应 用开发发 开放式的统一标准 完美的硬件能力调用 开发入门门槛 低，开发者众多 应用程序商店 优秀的跨平台能力 技术选术选 型 让我们开工吧 ！ 但是，怎么做 ？ 多平台微博客户端 具有丰富的用户体验 支持移动设备 用户体验一致（跨平台无差异） 需求 入门门槛 低 开发快速 成本低（一个团队 ） 技术框架 HTML5的特性 HTML5解决了什么问题 代码开发 同时我们利用PhoneGap移动开发框架，将我们的HTML5版本 的微博应用快速移植到了iOS, Android等平台，为用户提供对 应的native app的安装模式。 HTML5版新浪微博应用，整体参考新浪官方ipad版本应用，真正 实现了一次开发，处处运行的梦想。跨各类主流桌面浏览器，并为 智能终端（iOS, android)进行了适配，为用户提供了一致的跨平 台应用体验。 Web开发发“三剑剑客” HTML5 “本地”应应用 HTML5 文档语义 化 Offline + Web Storage CSS3 特效的使用 适配移动终 端 推荐使用/outliner 来使得整个文档的结构更加合理化/ HTML5 文档语义 化 Cache.manifest Offline + Web Stroage Web Storage localStorage sessionStorage 离线应用 applicationCache 渐变(gradient) 图层阴影(box-shadow) 圆角(border-radius) CSS3特效 media screen EmailURLNumbers 适配移动终 端 onorientationchange 适配移动终 端 键盘类键盘类 型适配 Email url Numbers 横竖竖屏适配 onorientationchange media screen 多平台微博客户端 具有丰富的用户体验 支持移动设备 用户体验一致（跨平台无差异） 需求 入门门槛 低 开发快速 成本低（一个团队 ） 技术框架 HTML5的特性 HTML5解决了什么问题 代码开发 易部署 易维护 发布 部署 应用演示 Web版本演示 iOS/Android 浏览浏览 器版本演示 iOS/Android 本地应应用演示 谢谢 T
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论