JavaScript开发之路01(初识Sencha Touch框架)

刚开始学习JS框架SenchaTouch就被简单的文件显示打蒙了,我去!我看的书是SenchaTouch权威指南,上面的第一个例子是这样写的:
Ext.application({
name:‘WebContent‘,
icon:‘images/icon.png‘,
glossOnIcon:false,
phoneStartupScreen:‘images/phone_startup.png‘,
tabletStartupScreen:‘images/tablet_startup.png‘,
launch:function(){
var panel=Ext.create(‘Ext.Panel‘,{
fullscreen:true,
id:‘mypanel‘,
width:‘100%‘,
style:‘color:red‘,
html:‘hello sencha touch-2.4.2!‘
});
}
});
Ext.Viewport.add(panel);
似乎没有感觉到有错误,结果是在浏览器上演示效果时什么都出不来,好吧,我也是醉了!想想自己是不是哪里写错了,又检查了好几遍,发现还是和书上的一模一

样,那问题出在哪里了?

在我进行了多次尝试之后发现原来是下面这样的写法才能是正确的呦...
Ext.application(
{name:‘WebContent‘,
icon:‘images/icon.png‘,
glossOnIcon:false,
phoneStartupScreen:‘images/phone_startup.png‘,
tabletStartupScreen:‘images/tablet_startup.png‘,
launch:function(){
var panel=Ext.create(‘Ext.Panel‘,
{
fullscreen:true,
id:‘mypanel‘,
width:‘100%‘,
style:‘color:red‘,
html:‘hello sencha touch-2.4.2!‘
}
);
Ext.Viewport.add(panel);
各位看官朋友看看哪里不同,找不同吧!找到之后我们是不是该呵呵了,这就是JS(本人以前开发用过Java,C,PHP)还是晚节不保了。。。

时间: 2024-10-07 20:37:31

JavaScript开发之路01(初识Sencha Touch框架)的相关文章

JavaScript开发之路02(Sencha Touch使用时常见问题及解决办法)

1.Sencha中使用组件后通过layout: 'vbox'指定页面布局为垂直盒布局并且组件的高度采用height: '百分比'指定时,组件的背景色通过style: 'background:#F6F6F1'时,组件的背景色无法显示,也就是说导致style配置选项失效.解决办法是:将高度设置成整形数值. 2.当某个界面采用layout: 'vbox'并且加了垂直滚动条时,其他组件的高度不能设置成百分比的形式,不然会导致效果失效:

android开发之路01

一.android系统被分为4个层次:1.最下层的是linux核心,包括多个驱动程序,提供了操作系统应该具备的核心功能:2.在linux核心之上,包括两个部分,一部分是Android Runtime(包括Dalvik虚拟机,和Core Libraries相当于java中的jdk)和LIBRARIES:3.是Application Framework这一层,该层包括多个Android开发框架(即各种管理器,如资源管理器等):4.Aplication层(该层既是我们工作的领域app)二.基于组件的应

高效Web前端开发之路:YUI 3.15 PDF扫描版

JavaScript是一种最初由Netscape的LiveScript发展而来的面向对象的Web脚本语言,被ECMA国际定义为国际化标准--ECMAScript.JavaScript具有使用局限性.在Web方面,其必须与各种DOM技术结合才能发挥作用.因此,一些具有开拓创新精神的开发者们便开发出了各种丰富的第三方框架,通过第三方的支持代码实现浏览器兼容性的统一.代码的简化以及功能的增强. <高效Web前端开发之路:YUI 3.15>作者便是在此背景下,以国外最优秀的JavaScript框架之一

物联网的全栈开发之路

本文由嵌入式企鹅圈原创团队成员-华南师范大学物联网创新中心黄鑫执笔. 两年前我还一直专注在android系统定制领域的研究,对物联网关注比较少,尽管我个人对智能家居的概念和场景体验也比较熟悉.真正引起我注意的是有一次在车上,听到电视广播说打开蓝牙,用手机摇一摇就可以摇到红包,我就觉得这个场景很棒,然后就知道了ibeacon和微信摇一摇周边,知道了微信硬件平台和物联网的发展已经深入渗透到我们的生活了.尽管我觉得自己进入物联网不算早,但是考虑到传统电子行业都有升级到物联的需求,加上自身在嵌入式和AP

测试开发之Django——No4.Django中前端框架的配置与添加

我们在开发一个web项目的时候,虽然我们不是专业开发,但是我们也想要做出来一个美美的前端页面. 这种时候,百度上铺天盖地的前端框架就是我们的最好选择了. 当然,在网上直接下载的框架,我们是不能直接用的,所以本篇介绍一下我们怎么样来修改这个模板 首先,我们先下载一个免费的模板. 我们可以看到他的目录结构,用浏览器打开index.html文件之后可以看到模板的样式. 这样我们就可以想要哪个地方,复制哪个地方,到我们的代码里面了.给我们节省了很多编写前端的时间. 那么我们来看一下这个模板我们要怎么去做

android开发之路09(浅谈SQLite数据库01)

1.SQLite数据库: SQLite 是一个开源的嵌入式关系数据库,实现自包容.零配置.支持事务的SQL数据库引擎. 其特点是高度便携.使 用方便.结构紧凑.高效.可靠. 与其他数据库管理系统不同,SQLite 的安装和运行非常简单,在大多数情况下 - 只要确保 SQLite的二进制文件存在即可开始创建.连接和使用数据库. 对于SDK来讲,已经内置了SQLite的程序,因此我们不需要在SQLite官网上下载.一般数据库采用的都是静态的数据类 型,而我们的SQLite数据库采用的是动态数据库,会

【开源专访】Sea.js创始人玉伯的前端开发之路

摘要:玉伯,淘宝前端类库 KISSY.前端模块化开发框架SeaJS.前端基础类库Arale的创始人.本期[开源专访]我们邀请玉伯来为我们分享一些关于前端框架.前端开发的那些事,以及前端大牛是如何炼成的. 在Web应用程序的用户体验越来越被重视的今天,前端开发的地位也上升到了前所未有的高度,而随之而来的也有更多的挑战. 为了将前端开发者繁重的工作变得简单,框架应运而生.国内也不乏一些非常优秀的前端开发框架.本期[开源专访]我们邀请到了国内前端大牛玉伯(@玉伯也叫射雕),请他为我们分享一些关于前端框

Sea.js创始人玉伯的前端开发之路

玉伯,淘宝前端类库 KISSY.前端模块化开发框架SeaJS.前端基础类库Arale的创始人.本期[开源专访]我们邀请玉伯来为我们分享一些关于前端框架.前端开发的那些事,以及前端大牛是如何炼成的. 在Web应用程序的用户体验越来越被重视的今天,前端开发的地位也上升到了前所未有的高度,而随之而来的也有更多的挑战. 为了将前端开发者繁重的工作变得简单,框架应运而生.国内也不乏一些非常优秀的前端开发框架.本期[开源专访]我们邀请到了国内前端大牛玉伯(@玉伯也叫射雕),请他为我们分享一些关于前端框架.前

IOS中APP开发之路

现在移动APP正式急速上升的趋势,然而占据着主要地位的还是这2大巨无霸:谷歌的Android与苹果的ios系统.那么,作为 程序员了解一下APP的开发流程思路是有所必要的,特别是正流行火热的APP市场.开发IOS的APP学习思路,翻译 了一个很牛B的网 络文章,并且大致的总结了一些IOS开发APP的流程思路,它不仅仅是初学者的导航灯,还是ios开发热衷粉丝的垫脚石.iOS系统以 及iPhone的出来都要感谢ios鼻祖---乔布斯,一个完美主义者,从如此优秀的iOS系统和iPhone就可以看出来.