html页面配置
<!DOCTYPE HTML> <html manifest="" lang="en-US"> <head> <meta charset="UTF-8"> <title>Reader</title> <link rel="stylesheet" href="resources/css/app.css" /> <script src="touch/sencha-touch-all-debug.js"></script> <script src="app.js"></script> </head> <body> </body> </html>
app.js启动页面
//<debug> Ext.Loader.setPath({ 'Ext': 'touch/src', 'Reader': 'app' }); //</debug> Ext.application({ name:'Reader', icon:'images/icon.png', glossOnIcon:false, PhoneStartupScreen:'images/phone_startup.png', tabletStartuoScreen:'images/tablet_startup.png', launch:function(){ var panel=Ext.create('Ext.Panel',{ fullscreen:true, id:'myPanel', style:'color:red', html:'第一个页面' }); } });
相关推荐
在本文中,我们将深入探讨如何进行Sencha Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,我们需要安装基本的开发环境。这包括一个现代的Web浏览器,如Chrome,因为它对HTML5的...
本篇学习笔记将聚焦于如何使用Sencha Cmd工具来创建你的第一个Sencha Touch应用。 首先,你需要安装Sencha Cmd。这是一款命令行工具,简化了Sencha Touch应用的创建、构建和部署流程。你可以从Sencha的官方网站下载...
总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...
在本文中,我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具,使得...
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...
1. Sencha Touch框架概述:介绍Sencha Touch的特性、版本历史以及如何使用它来构建响应式的移动Web应用。 2. 开发环境搭建:指导读者如何搭建Sencha Touch的开发环境,包括下载和安装Sencha Touch库。 3. 用户界面...
通过对`CityQingBao`项目源码的深入学习,你可以掌握如何使用Sencha Touch构建具有数据管理、用户交互和导航功能的移动应用。同时,这也是一个实践Sencha Touch MVC模式的好机会,有助于提升你在前端开发领域的专业...
通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...
1. **安装与设置**:如何下载Sencha Touch库,如何在项目中引入,以及配置开发环境,包括HTML、CSS和JavaScript的基础知识。 2. **架构与模型**:解释Sencha Touch的基本架构,如MVC模式,以及如何定义和使用数据...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能...学习和研究这个案例,将有助于深入理解Sencha Touch的工作原理以及如何有效地构建触摸友好的移动应用。
通过解压并研究这些文件,开发者可以详细了解框架的结构,学习如何配置、使用和扩展Sencha Touch,以创建自己的移动应用。同时,这个版本的更新日志(如果有的话)通常会列出所有的新功能、改进和已知问题,是理解...
1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,目标是为智能手机和平板电脑提供原生般的交互体验。它支持多平台,包括iOS、Android、Blackberry等,并且包含了大量可复用的UI组件,如...
Sencha Touch 2是一款专为...最后,记得不断学习和探索Sencha Touch 2的官方文档和社区资源,这将帮助你更好地理解和掌握这个强大的框架。随着实践的积累,你会发现它能帮助你构建出功能强大且用户体验优秀的移动应用。
1. **代码智能感知**:集成Sencha Touch的API文档,为开发者提供实时的代码提示,包括类、方法、属性等。 2. **语法高亮**:对Sencha Touch的JavaScript语法进行特殊标记,使代码更易读。 3. **模板和snippet**:...
1. **Sencha Touch**: - Sencha Touch 是由Sencha公司开发的,基于HTML5的移动应用开发框架。 - 它提供了大量的UI组件,如表格、按钮、面板等,帮助开发者构建具有原生体验的跨平台应用。 - Sencha Touch 支持...
1. **类系统**:Sencha Touch 2采用面向对象的类系统,包括基础类、控制器、模型、视图、存储、组件等。 2. **组件API**:详尽的组件API,涵盖每个组件的配置项、方法、事件和样式。 3. **数据API**:描述了如何使用...
Sencha Touch SDK工具是开发移动应用的重要资源,尤其对于那些希望使用Sencha Touch框架构建触控友好、跨平台Web应用程序的开发者来说。Sencha Touch是一个强大的JavaScript库,它提供了丰富的UI组件和API,使得...