`
hylxinlang
  • 浏览: 129068 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Sencha touch学习笔记1

阅读更多

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:'第一个页面'
		});
	}
});

 

0
0
分享到:
评论

相关推荐

    sencha touch2学习笔记(一)---环境搭建和开发工具配置

    在本文中,我们将深入探讨如何进行Sencha Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,我们需要安装基本的开发环境。这包括一个现代的Web浏览器,如Chrome,因为它对HTML5的...

    Sencha touch学习笔记一:用Sencha Cmd方式创建第一个应用

    本篇学习笔记将聚焦于如何使用Sencha Cmd工具来创建你的第一个Sencha Touch应用。 首先,你需要安装Sencha Cmd。这是一款命令行工具,简化了Sencha Touch应用的创建、构建和部署流程。你可以从Sencha的官方网站下载...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...

    Sencha touch学习笔记二:自定义目录方式的创建第一个应用

    在本文中,我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具,使得...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    Sencha Touch in Action

    1. Sencha Touch框架概述:介绍Sencha Touch的特性、版本历史以及如何使用它来构建响应式的移动Web应用。 2. 开发环境搭建:指导读者如何搭建Sencha Touch的开发环境,包括下载和安装Sencha Touch库。 3. 用户界面...

    sencha touch项目源码

    通过对`CityQingBao`项目源码的深入学习,你可以掌握如何使用Sencha Touch构建具有数据管理、用户交互和导航功能的移动应用。同时,这也是一个实践Sencha Touch MVC模式的好机会,有助于提升你在前端开发领域的专业...

    Sencha Touch开发的项目《般若人生》源码

    通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...

    sencha touch中文翻译文档

    1. **安装与设置**:如何下载Sencha Touch库,如何在项目中引入,以及配置开发环境,包括HTML、CSS和JavaScript的基础知识。 2. **架构与模型**:解释Sencha Touch的基本架构,如MVC模式,以及如何定义和使用数据...

    一个完整的sencha touch 应用案例

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能...学习和研究这个案例,将有助于深入理解Sencha Touch的工作原理以及如何有效地构建触摸友好的移动应用。

    sencha touch 2.4.0最新版

    通过解压并研究这些文件,开发者可以详细了解框架的结构,学习如何配置、使用和扩展Sencha Touch,以创建自己的移动应用。同时,这个版本的更新日志(如果有的话)通常会列出所有的新功能、改进和已知问题,是理解...

    sencha touch list demo

    1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,目标是为智能手机和平板电脑提供原生般的交互体验。它支持多平台,包括iOS、Android、Blackberry等,并且包含了大量可复用的UI组件,如...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为...最后,记得不断学习和探索Sencha Touch 2的官方文档和社区资源,这将帮助你更好地理解和掌握这个强大的框架。随着实践的积累,你会发现它能帮助你构建出功能强大且用户体验优秀的移动应用。

    sencha touch在VScode上的插件

    1. **代码智能感知**:集成Sencha Touch的API文档,为开发者提供实时的代码提示,包括类、方法、属性等。 2. **语法高亮**:对Sencha Touch的JavaScript语法进行特殊标记,使代码更易读。 3. **模板和snippet**:...

    senchaTouch和fusioncharts结合的实例

    1. **Sencha Touch**: - Sencha Touch 是由Sencha公司开发的,基于HTML5的移动应用开发框架。 - 它提供了大量的UI组件,如表格、按钮、面板等,帮助开发者构建具有原生体验的跨平台应用。 - Sencha Touch 支持...

    api.zip_sencha _sencha touch api_sencha touch2 api

    1. **类系统**:Sencha Touch 2采用面向对象的类系统,包括基础类、控制器、模型、视图、存储、组件等。 2. **组件API**:详尽的组件API,涵盖每个组件的配置项、方法、事件和样式。 3. **数据API**:描述了如何使用...

    sencha touch sdk工具

    Sencha Touch SDK工具是开发移动应用的重要资源,尤其对于那些希望使用Sencha Touch框架构建触控友好、跨平台Web应用程序的开发者来说。Sencha Touch是一个强大的JavaScript库,它提供了丰富的UI组件和API,使得...

Global site tag (gtag.js) - Google Analytics