技术分享

跨平台的app开发看起来很美好的样子，原来做过JQM以及JQ MOBI还有一些ISCROLL之类的框架，不过做在一般的手机上略微有些卡卡的感觉。但是随着手机硬件的一直进步，相信以后跨平台将会是一种趋势。HTML5和CSS3的美好的效果，如果能够加上流畅的运行，那一定能给和native app瓜分天下的。最近和别人一起做一个创业的项目，原来开发了android和ios的版本，不过由于native会有

carousel组件可以实现走马灯的效果。有的时候需要实现自动轮播的功能。查看carousel组件的api，有next()函数next( ) : Ext.carousel.CarouselCHAINABLESwitches to the next card.再借用setInterval函数，从而实现自动轮播的效果，实现代码如下：setInte

Sencha touch在除了提供一些常用的组件之外还有很多很多的组件，Ext.String就是其中用来专门对字符串进行处理的，所在在使用原生js对字符串进行处理之外，还可以使用Ext.String的组件来进行字符串的处理。常用的大概是让多余出来的部分变成省略号的ellipsis函数，其使用方法如下：ellipsis( value, length, word ) : Strin

后台在向前台返回数据时肯定是以分页的形式来返回的，很少会有直接一坨都全部返回给前台。那么前台就需要分页的去接收来自后台的数据。ST里面的listpaging组件就是用来做分页的，它在页面最下方添加了一个‘load>nextPage: function(options) { if(this.currentPage2 == null) { this.currentPage2 = 1;

1.DataView组件可以显示列表，图像等等的组件或者元素，特别适用于数据仓库频繁更新的情况。比如像显示新闻或者微博等等的很多相同样式的组件的列表这种一次性从后台或者数据源拿取很多数据展示的样式。比如官网给的简单的示例：var touchTeam = Ext.create('Ext.DataView', { fullscreen: true, store: {

XTemplate能够很方便的在页面中编写一段可以使用数据仓库中数据的html代码。官网中给出的XTemplate类的一些除了编写html代码之外的方法：A template class that supports advanced functionality like:Autofilling arrays using templates and sub-templates

很好的一篇外国博文，不解释，讲解很详细，不会请有道： http://innofied.com/simplest-slide-navigation-with-sencha-touch-2-2/

1.list组件是一个很强大的组件。用于以一览表的形式或者列表的形式展示应用程序中的大量的数据。该组件使用XTemplate模版来显示数据，同时与数据仓库进行绑定。所以当数据仓库中的数据发生变化的时候，List组件会将这个变化反映在页面上。Ext.DataView.List组件继承自DataView组件。简单的创建一个list:var myList = Ext.create('Ext.Li

应用程序的界面发生改变后，可以通过路由让应用程序的界面返回到改变之前的状态，例如浏览器中页面之间的切换等等都可以用路由来实现。

1.Ext.Menu：用来设置sencha中的菜单的组件，可以被添加到屏幕的左右上下四个位置，如果再和touch事件结合的话应该可以实现滑动出现菜单的功能，虽然只是猜想，但这是后面一定要实现的效果。var menu = Ext.create('Ext.Menu', { items: [ { text: 'Settings',

1.关于sencha对于样式表的使用，配置文件中有一个app.json是专门的app配置文件。"css": [ { "path": "resources/css/app.css", "update": "delta" } ],其中这句指明了css文件的路径，想要修改其中的样式只需在app.css中添加或者修

因为sencha touch的语法大部分是基于extjs的，而extjs大部分是基于json的，所以好好预习一下extjs的语法还是很重要的。extjs是封装的javascript的一个框架，相比原生的js，它更注重结果，所以它的调用形式很固定比较简洁，不像原生js那样要逐字逐句地去实现。1.值的数组表示方法：json在表示值的数组的时候可以提高可读性，并且有效的减少复杂性；json中的一条记

st实现收藏功能一个是通过调用接口，另一个是通过localstorage进行本地数据的保存和存储获取。如果是本地进行存储并且要实现收藏按钮随时更新状态，并且能够根据时候收藏进行变化的话，就需要每次展现页面数据的时候查看当前数据是否在localstorage里面，如果是的话，就添加一个收藏样式的图标，如果不是的话，则添加一个还没有收藏样式的图标。比如在我这里，每次要去加载页面的时候都要去看下loca