Sencha touch

Sencha简介:

　　前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS更名为Sencha，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队

Sencha特性:

　　Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。 　　下面是Sencha官方给出的几点特性 　　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框架

http://www.sencha.com/products/touch/

下面让我们看看下载的包里都有哪些东西。

将下载的sencha-touch开发包解压我们可以看到以下文件


docs是官方的api文档文件、examples是官方提供的示例程序。Jsbuider用来对js文件进行发布前的处理。

主框架这里有三个文件可供选择，sencha-touch.js、sencha-touch-debug.js、sencha-touch.-debug-w-comments.js

这三个文件的区别在于，sencha-touch-debug.js是有缩进的，便于调试、sencha-touch.-debug-w-comments.js是有注释的，便于我们了解框架底层是怎么实现的。

resources文件夹下我们可以看到这是框架的样式文件，同样，css-debug文件夹下是有便于调试的.css文件。打开文件夹，我们又可以看到，这分别是框架带给我们的四个主题。只会影响界面的显示效果，为了保持显示上的一致，我们可以在面向android的应用上使用android.css而面向iphone的应用，使用apple.css。甚至我们可以提供主题切换功能让用户自行选择主题，但这都是后话了。

其他的文件我也不清楚，就不再介绍了。


重中之重--你的浏览器

开发js的时候，没有什么是比一款优秀浏览器更重要的了。chorme、safari。都是不错的选择。(FireFox不支持Sencha Touch框架)
笔者使用的是google的chrome浏览器。没有的话就快去下一个呗。地址给你 chorme官网