Sencha Touch入门：HTML5移动Web开发指南

"Sencha Touch入门教程" Sencha Touch是一个专门针对移动设备的JavaScript框架，它充分利用HTML5、CSS3和JavaScript技术，为开发者提供了一套完整的工具集，用于构建高性能的移动应用。以下是对Sencha Touch核心特性的详细说明： 1. **基于HTML5标准**： Sencha Touch构建于最新的WEB标准——HTML5之上，这意味着它能够利用HTML5提供的新功能，如离线存储、地理定位、音频/视频处理等，来创建丰富的用户体验。同时，结合CSS3和JavaScript，Sencha Touch能够实现复杂的界面效果和动态交互。 2. **轻量级和可定制**： 压缩并gzip后的Sencha Touch库大约只有80KB，这对于移动应用来说是非常小巧的。而且，通过禁用不必要的组件，库的大小可以根据实际需求进一步减小，以优化加载速度。 3. **全面的触摸事件支持**： Sencha Touch不仅支持标准的触摸事件（如touchstart、touchend），还扩展了一系列定制的触摸事件，如tap（轻触）、swipe（滑动）、pinch（捏合）、rotate（旋转），这使得在触摸屏设备上实现复杂手势交互变得简单易行。 4. **强大的数据集成**： 提供了强大的数据管理包，可以通过Ajax、JSONp、YQL等方式与服务器进行数据交换，并能将数据绑定到组件模板，支持本地离线存储，使得数据的获取和展示更加灵活。 5. **配置对象的使用**： 在Sencha Touch中，配置对象是一种常见的构建对象的方式，类似于CSS或JSON。通过配置对象，开发者可以清晰地定义对象的属性，使得代码易于阅读和理解。 6. **应用配置详解**： - `icon`：指定应用在iOS设备主屏幕上显示的图标，可以是相对于应用路径的PNG文件。 - `phoneIcon`和`tabletIcon`：分别用于设置iPhone/iPod和iPad的特定图标，提供不同尺寸的适配。 - `glossOnIcon`：控制是否去除iOS设备上图标的默认光泽效果，设置为`false`可关闭此效果。 7. **组件创建**： 使用Sencha Touch创建组件时，通常会指定组件的类名（如`Ext.Panel`）和一个配置对象。配置对象包含了组件的各种属性和设置，这些设置会在组件实例化时传入构造器。 通过以上特性，Sencha Touch使得开发跨平台、高性能的移动应用变得更加高效和便捷。无论是构建简单的列表视图还是复杂的多层导航结构，Sencha Touch都提供了丰富的组件和工具来满足需求。对于熟悉HTML5和JavaScript的开发者来说，Sencha Touch提供了一个理想的工作台，可以快速地将想法转化为现实中的移动应用。