热门排行
简介
sencha touch是一款功能强大的移动web应用开发框架。它是世界上第一个HTML5 Mobile Web App Farmework,能够让你开发web应用,并且开发出来的移动应用的界面看起来与iphone、android和BlackBreey等触摸设备上的原生应用的效果相同,概括来说,sencha touch是Extjs手机版,但是有很大改动,完全独立,并不依赖于Extjs。
Sencha Touch界面美观,接近原生,可以让你的Web App看起来像Native App,它拥有美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的WEB标准,并全面兼容Android和Apple iOS设备,有需求的朋友不妨下载体验。
功能特色
1、基于最新的WEB标准——HTML5,CSS3,JavaScript
整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小
2、支持世界上最好的设备
Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题
3、增强的触摸事件
在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等
4、数据集成
提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储
sencha touch环境搭建
Sencha Touch采用的是动态加载技术。也就是说,不是仅仅在index.html内引入需要的js和css文件就可以了,而是要保证所有需要的文件都能在需要的时候正确的通过目录进行加载(所有需要动态加载的文件都在src中)
因此,为了保证动态加载的正常运行,我们一定要按规定设定我们的工作目录
1、在根目录下(touch-2.....)创建我们的工作目录Demo,在该文件夹下创建index.html文件和一个js文件夹,文件夹内创建app.js
2、在index.html中,我们首先要引入必要的文件
注意:这些基本操作可以不在服务器上进行也能实现功能,完全不涉及数据传输及后台逻辑
解释:
其中第一个引入了必要的css文件,第二个引入的是js文件,使用这两个文件就可以搭建出Sencha Touch框架了。
app.js是我们自己编写代码的js文件,Sencha Touch是一个javascript框架,因此大多数功能、布局等都是通过app.js实现的
3、要验证框架是否搭建成功,在app.js中编写如下测试代码:
4、运行index.html,如果能正确弹出对话框,则表明环境搭建成功,可以进行Sencha Touch之旅了!