sencha touch移动前端基础培训.pptVIP

* app - 放着模型(Models)，视图(Views)，控制器(Controllers)和存储(Stores)的目录。 app.js - 主Javascript入口。 app.json - 配置文件，用来创建你的应用的缩小(minified)版本。 index.html - 你的应用的HTML文件。 packager.json - 配置文件，用来打包成iOS和Android应用。 resources - CSS和图片。 sdk(touch) - Sencha Touch SDK的拷贝。你不应该修改这个文件夹中的内容。 * 一个app一开始，主函数是这两个的其中一个 。Ext.setup() 是微型的，用于移动设备页面级别的构建；而Ext.application() 可以实现Ext.Setup 的所有功能，并且创建应用对象，可以充分利用sencha创建的各种应用和功能。从使用角度来看 Ext.application 适用于MVC框架（比较大型的项目），Ext.setup 则不适用。Ext.applications 提供深度的应用的连接和访问历史的支持，通过路由引擎技术，可以实现页面的刷新及历史页面的回退等等功能。Ext.applications()搭配 launch:function(){} 1.Ext.application({ name:?Sencha, launch:?function() {} }) Ext.setup()搭配onReady:function(){} 1.Ext.setup({ name:?Sencha, onReady:?function() {} }) * yonyou up software Co., Ltd. yonyouup information technology Co.,Ltd yonyouup information technology Co.,Ltd yonyouup information technology Co.,Ltd yonyouup information technology Co.,Ltd Sencha touch移动前端基础培训 用友软件股份有限公司 孙健 Sencha Touch概述 1 手机应用开发模式的分类 2 Sencha Touch环境配置 3 Hello World 4 Sencha的MVC 5 U8移动Hybrid App开发模式 6 ExtJs :基于 JavaScript的一种ajax框架。 Ajax：异步 JavaScript 和 XML API：应用程序编程接口 CSS：层叠样式表 HTML：超文本标记语言 JSON：JavaScript 对象符号 常见名词注解 Sencha Touch是什么 Sencha是第一个基于Html 5的移动设备的开发框架。 Sencha是将Html 5+Css3+JavaScript结合起来的框架。Sencha使用必威体育精装版的Html 5，可以灵活使用音频、视频的组件及离线保存数据的localStorage。加上Css3，可以使表现更加丰富。 Sencha Touch能为我们做些什么? 1.跨平台 适用于绝大多数基于Webkit核心的浏览器，可以让Sencha开发出的Web应用流畅的运行于苹果的iOS与谷歌的Android。 2.触控体验佳 针对触屏设计，让应用读的懂手势，如单击/双击、抓捏、拖动、旋转等。 3.便捷的数据集成 可以方便的使用AJAX、JSON、YQL，以及离线存储localStorage。 Native app Web app Native app + Web app 手机应用开发模式的分类 1、用户体验效果好，API完善成熟带来的是流畅的操作体验。　　 2、与终端硬件结合更好，可方便地与任何蓝牙、USB、GPS设备相连;　　 3、与操作系统和其他原生APP配合更完美，互通顺畅;?　 4、网页一关闭，网页APP就停止运行，而原生APP在关闭条件下，还可以在后台运行， 继续推送信息;　　 5、原生APP比网页APP运行速度潜能更强，尤其是游戏等以图为主的应用。 Gowalla和Awesome Note，是移动客户的经典设计案例 Native App Native App Web无需安装，对设备碎片化的适应能力优于App，它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行。随着iPhone带来的WebKit浏览体验升级，使得专为iPhone等有WebKit浏览内核的移动设备开发的Web应用，也有了如App一般流畅的用户体验。 谷歌 Voice 和谷歌 Gmail是Web App的设计典范 eb App Web