senchatouch css 怎么部署

html-css025

senchatouch css 怎么部署,第1张

发展势头迅速上升,但仍然没有准备好用于复杂的 Web 应用程序,特别是业务线应用程序。

常见缩略词

Ajax:异步 JavaScript 和 XML

API:应用程序编程接口

CSS:层叠样式表

HTML:超文本标记语言

JSON:JavaScript 对象符号

SDK:软件开发工具包

UI:用户界面

Sencha Touch 将丰富的 HTML5 平台和移动 web 应用程序开发结合形成一个折中方案。这个框架是开发人员友好的,类似于使用 Ext JS JavaScript 框架。如果您拥有中高级 JavaScript 水平,那么掌握 Sencha Touch 是可能的。如果您已拥有作为 JavaScript 和 CSS 开发人员的技能,那么 Sencha Touch 会立即将您变成一个移动应用程序开发人员。

Sencha 是一家拥有核心商业产品的公司,但是也支持开源软件。 Sencha Touch 1.0 对个人和商业用途都是免费的。

一、下载Sencha Touch文件

首先,进入sencha touch的官方网站,点击“菜单栏”上的“Products”按钮,在弹出来的下拉列表中,选择“Framework”-->"SenchaTouch"。

进入到“Sencha Touch Free Commercial Version”界面,在右侧填上有关信息,这里要注意邮箱一定要填写正确,因为它会将下载链接发到你填写的邮箱中,然后点击“DOWNLOAD TOUCH”按钮。

然后,进入到你的邮箱,点击进入到,Seancha Touch网站发送的链接,点击“DOWNLOAD NOW”按钮,进行下载。

在弹出来的下载框中,选择好保存路径后,点击“确定”按钮。

二、安装与测试Sencha Touch

将下载的压缩包解压,进入解压过的touch-2.4.0文件中,你会发现目录结构如下,这里面包含了很多东西,我们要引用的是touch-2.4.0/resources/css/sencha-touch.css文件以及touch-2.4.0/sencha-touch-all-debug.js文件

在跟touch-2.4.0文件夹同一目录中,新建一个文本文档,在其中输入图片上的内容,保存为html文件,这里我保存为test.html文件。

注意:引用的js与css文件的路径。

在跟touch-2.4.0文件夹同一目录中,新建一个文本文档,在其中输入图片上的内容,保存为js后缀的文件,这里我保存为helloworld.js。

注意:这里的文件名要与html文件中引用的js文件名保持一致。

然后,选中test.html文件,右击选择以firfox浏览器或其他浏览器打开,将会出现如下界面,如图所示。

注意:部分浏览器会因为跨域问题,无法显示,可上网搜一下如何解决跨域访问。