基于HTML5的移动设备的开发.pdfVIP

基于HTML5 的移动设备的开发 Maple (麻婆) 麻婆哥@weiboAbout TechClubIT 技术沙龙. @ 半瓶 @amoydavid @麻婆哥 @xm81兴趣、分享、公益http://http:// orgTechClub@weiboTechCluber@twitterQQ 群纲引子移动web开发框架Sencha touch 在移动设备中的应用讨论引子Rt wifi @ 爱特咖啡移动web开发有哪些优点呢? 易于开发,新用户易上手,开发 周期相 对短。 自动更新,只要服务器端更新后 ,所有 移动设 备也一 起更新 。 可充分利用现有web 内容。 目前,各种移动web 开发的框 架也纷 纷到来 ,简单 介绍一 下几种 框架移动web 开发框架移动Web开发框架: jQuery Mobile Sencha Touch PhoneGap 其他:iuijQTouch 等移动web 开发框架jQuery Mobile 建立在jQuery 和 jQuery UI 框架之上,很好的继承了 jQuery 支持多浏览器的特性,官方介绍 支持 iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, Opera Mobile/Mini, Firefox Mobile 。优点:超多平台支持、入门简单传统div 布 局。缺点:目前处于Beta 阶段性能有待加 强、UI 支持 比较简 单不适 合复杂 交互。网址:http://演示:http:// 开发框架ExtJS更名为Sencha 后,Sencha Touch 便是其中重要的一员,继承大哥 ExtJS 优点,SenchaTouch 同样具有整体UI 布局的解决方 案、华 丽的界 面,这些只需要JavaScript 全部搞 定 。优点: 针 对触摸 屏丰富 的UI 设计支 持 复杂交 互、纯JavaScript 搞定布 局、 版本稳定性能尚可。缺点:入门较不易需要javascript 基础、 支持平 台较少 以Webkit 浏 览器 为核心的Android,IOS,BlackBerry 平台 。网址:http://演示:http:// 开发框架PhoneGap 是一款很好移动设备跨平台开源 的手机 应用开 发平台 框架, 可以和jqmobile 及sencha 等框架联合 使用。优点: 兼容性: 完全做到了written once, run everywhere; 开发 速度快;标准 化:可直接运行web app, 和sencha touch 、jq mobile 结合使用 缺点: 目前PhoneGap 缺陷还 是蛮多 的 ,比如 运行速 度慢,UI 反应 延时 ? ? 这是个致命伤。网址:http:// http:// touch 移动设备中的应用什么是sencha touch Sencha 是第一个基于Html5 的移动 设备的开发框架 。 Sencha 是将Html5+Css3+JavaScript 结合起 来的框 架。Sencha 使用最 新 的Html5,可以灵活使用音频、视 频的组 件及离 线保存 数据的 localStorage 。加上Css3 ,可以 使表现 更加丰 富。 Sencha 可以帮忙我们开发移动设备 的Web 应用,Sencha 可以让Web 应 用在苹果的iOS 与谷歌的Android 系统上 都能 得到极 好体验 。Sencha touch 移动设备中的应用为什么选择sencha touch 跨平台 丰富的界面,很像原生应用程序 触控体验好 针对触屏设计,让应用读的懂手势,如单击/ 双击、抓捏、拖动、旋转等 便捷的数据集成 AJAX 、JSON 、YQL 、离线存储localStorageSencha touch 移动设备中的应用通过2 个简单实例讲解如何开发应 用 hello world 记事本app