摘要： HTML5增加了一些导航标签，是页面的结构性更强。新增了一些标签，如对对canves,video,audio,localstorage等的支持，也移除了一部分标签。推荐2篇介绍HTML5的文章。http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/http://webdesign.about.com/od/html5/a/html_5_whats_new.htm 阅读全文

摘要： 今天读了一篇博文，是讲Asm.js的，讲的很透彻，Asm.js的来世今生都介绍的很清楚，原文很长而且是英文，简单的介绍一下。Asm.js是JavaScript的一个子集，来源于Mozilla’s Emscripten project的项目，是将C/C++程序最终编译成JavaScript。下面的图很好的解释了这一过程：Emscripten 将C/C++传递给LLVM，编译成的bytecode，然后转换成JavaScript,确切的说是Asm.js。如果这个编译好的Asm.js需要做渲染图画的工作，那么将由WebGL完成渲染的工作。目前只有firefox支持Asm.js,在性能方面，Firefo 阅读全文

摘要： Ext.field.Text只是一个简单的输入框，如果有值被输入就会在尾部出现一个‘X’button,如果想在text框上放上别的button,放上lable，图片什么的该如何扩展呢？其父类Ext.field.Field继承了Ext.Decorator，也就是所有Ext.field.Field的子类都有Ext.Decorator的特性-可以指定component.拿最简单的text field来说，指定的component是input类,type是text.也就是说text field的核心还是Ext.field.input类。看一下源代码就会发现我们看到的输入框是通过重写Ext.Compon 阅读全文

摘要： 如果是Sencha Touch 支持的component，会有支持的事件，如list每一项目会有itemtap等事件，formfield的text field的clear icon会有clearincontap事件。但如果是对Sencha Touch的comonent进行扩展，如和让其支持tap事件呢？Ext.util.TapRepeater提供了解决方法，它属于包装类，用它可以为任何element添加tap事件。原理是将事件源对象(Ext.dom.Element对象)指定给TapRepeater的el属性，然后为TapRepeater的tap事件添加handler.也就是通过TapRepea 阅读全文

摘要： controller的作用范围是整个app,如果在app里定义了一个controller，app会自动创建该controller的实例，无须直接创建。controller有2个重要的属性，之一是refs,通过refs可以建立到某个component的引用。Ext.define('MyApp.controller.Main',{ extend:'Ext.app.Controller', config:{ refs:{ nav:'#mainNav'， infoPanel:{ selector:'ta... 阅读全文

摘要： Sencha Touch是js的框架，所以Sencha Touch里this的用法归根结底还是js里this的用法。只不过在Sencha Touch里很多方法都提供的scope这一参数可以指定方法运行的作用域，在方法体里也就是指定了this。在js里this并不是一成不变的，它总是指向调用该方法的对象。所以，通过改变this，可以起到在改变方法运行的作用域，可以调用更大范围内的函数。下面的例子是一个form panel,要给form panel里每一个field添加listener.在addListeners里this指代form panel，this.getItems();得到每一个item 阅读全文

摘要： 通过嵌套的写法可以大大减少代码的重复。假设下面一段代码是写在Ext.data.DataView的tpl里面的一段描绘table的html(实际每一行都要加上‘’)，该table会有2个mode，对应的css类分别为mode1,mode2，通过变量"mode"决定是哪个css类每个单元格会有不同的状态，选中状态selected和非选中状态unselected，通过getClass方法得到是哪个css类。----------------------------------------------------------------------<table border=& 阅读全文

摘要： Ext.form.Panel主要用于表单的提交，但由于form panel可以和record绑定，一般和list结合使用，用于详细显示list的一条记录。如list的itemtap事件，第四个参数就是该record，可以直接将该record set到form panel上itemtap(Ext.dataview.DataViewthis, Numberindex, Ext.Element/Ext.dataview.component.DataItemtarget, Ext.data.Modelrecord, Ext.EventObjecte,Object... 阅读全文

摘要： 截至到Sencha Touch2.1为止,Sencha Touch支持的事件包括以下19种doubletapdragdragenddragstartlongpresspaintedpinchpinchendpinchstartresizerotaterotateendrotatestartsingletapswipetaptapholdtouchmovetouchstart这19种事件是Sencha Touch支持的响应用户操作的事件，作用的对象是Ext.dom.Element,可以理解成原生事件。因为在Sencha Touch里，每个component都提供各种事件的支持，这些事件作用的对象 阅读全文

摘要： 一般情况下，通过Ext.XTemplate类描画页面时,css选择器都是指定好的，也就是固定不变的样式。但如果页面的样式需要根据某些条件发生改变时，可以通过使用Ext.XTemplate类内建的变量和成员方法动态的改变样式。Ext.XTemplat内建的对象有out: The output array into which the template is being appended (usingpushto laterjoin).values: The values in the current scope. If you are using scope changing sub-templ 阅读全文