中文教程

Sencha Touch命名规范

Posted 周三, 02/27/2013 - 22:43 by admin

类名

类名只包含字母和数字，但在多数情况下不鼓励使用数字，除非是技术术语，不要使用下划线，连字符，和其他非数字字母的字符，例如：

  • MyCompany.useful_util.Debug_Toolbar is discouraged
  • MyCompany.util.Base64 is acceptable

类名应当分组成包，适当时，使用.进行命名空间划分，至少在类名中应该有一个唯一的命令空间。例如：

MyCompany.data.CoolProxy
MyCompany.Application

Sencha Touch Carousel 去除底栏

Posted 周三, 02/27/2013 - 22:35 by admin

Sencha Touch Carousel 去除底栏

[code]
/*global Ext:false */
Ext.application({
launch: function () {
Ext.create('Ext.Carousel', {
defaults: {
styleHtmlContent: true
}, // defaults
indicator: false, //Carousel 去除底栏
fullscreen: true,
items: [
{
html: 'red',
style: 'background-color:#f00;'
}, {
html: 'orange',
style: 'background-color:#ffb600;'
}, {

Sencha架构解读

Posted 周五, 02/08/2013 - 23:55 by admin

sencha是移动端的html5框架，可以用来制作跨平台的app应用。sencha内部利用mvc结构，使得整个框架在使用时能够保持代码的整洁，也易于测试和修改。

一个 sencha app是一个由model，controller，view，store，profile，再加上一些静态资源，例如：app的图标，加载页面图片等组成的集合
models：表明了app的类型,比如，电子商务型的app应该有 用户，产品，订单等模块
views：负责想用户展示数据，使用sencha 内部已有的组件
controllers:处理内部各部分之间联系，监听用户的点击、滑动并采取相应行动
store：负责加载数据，增强里内部组件的能力，如Lists和DataViews
Profile：能够在公用尽量多的代码的同时，很便利的优化app在平板和手机的UI

建立一个app通常要做的第一件事就是定义application，如下

Sencha Touch 2 快速入门

Posted 周日, 01/06/2013 - 11:02 by admin

什么是Sencha Touch?

Sencha Touch使得你可以便捷地创造一个基于HTML5的手机应用，支持Android、iOS和黑莓等设备，并且在浏览器中创造原生APP般的体验。

你需要准备好

首先，你需要下载免费的Sencha Touch 2 SDK 和 SDK Tools （或者Sencha Cmd ) 。你还需要：
一个本地的web server
现代浏览器；推荐 Chrome 和 Safari （请不要用IE6！！）
如果你是在Windows上使用IIS，请记得添加 application/x-json 这个MIME Type，否则Sencha Touch不能正常工作。你可以从这里知道应该如何做：
http://stackoverflow.com/a/1121114/273985（很抱歉我并不使用IIS，没有对这个链接中的方法进行测试）。

ExtJS入门——开始

Posted 周五, 12/14/2012 - 01:40 by admin

认识ExtJS
extjs是使用javascript、css和html等技术实现的主要用于创建用户界面，且与后台技术无关的前端ajax框架。
extjs来源于yui，开发理念来源于传统的桌面软件开发。

1.下载extjs，解压，得到目录结构

  • builds：是extjs压缩后的代码，体积更小，加载更快
  • docs ：extjs的文档
  • examples：官方示例
  • locale：多国语言的资源文件
  • overview：extjs的功能简述
  • pkgs：extjs各部分功能的打包文件
  • resource：extjs要用到的图片文件与样式文件。
  • src：未压缩过的代码目录
  • bootstrap.js：extjs库的引导文件
  • ext-all.js ：必须引入的核心库
  • ext-all-debug.js：ext-all.js的调试版

聚合内容