代码改变世界

【CSS3动画实战】Mailman Icon

2014-08-13 23:41 by 威老, 395 阅读, 0 推荐, 收藏, 编辑
摘要:CSS3动画实战 阅读全文

Coding Ninja 修炼笔记 (1)

2013-10-24 22:08 by 威老, 1272 阅读, 1 推荐, 收藏, 编辑
摘要:这次主要是给大家带来一些提升 Coding 效率的建议。效率都是一点一滴优化出来的,虽然每一条建议给你带来的提升可能都不大,但是积累起来,仍然是一股不可忽视的力量。 阅读全文

偶然路过,所以就留点东西吧。

2012-09-27 10:44 by 威老, 645 阅读, 0 推荐, 收藏, 编辑
摘要:因为工作换了的原因,现在已经不做Sencha Touch方面的事了,也很长时间没来博客园。今天一打开博客,发现好多消息没有回复。。。想回复,但是一看时间,已经好几个月前了。很遗憾,没有能够给大家带来更多的好文章。好在目前已经写的文章,对许多人而言也已经够用。很多东西都是这样,乍看是一头雾水,入门了之后,却是柳暗花明又一村。如果需要更多的修行,我也已经无能为力了,因为如果你学好了目前的内容,再实际应用几个月,水平就跟我差不多了。ST其实很简单,我还是认为,学习的方法更为重要。要善于利用浏览器提供的功能进行学习:利用元素审查工具解决各种布局问题;适当利用断点调试逻辑错误;灵活利用javascrip 阅读全文

Sencha Touch 数据层篇 Proxy(下)

2012-03-20 15:22 by 威老, 6329 阅读, 2 推荐, 收藏, 编辑
摘要:服务端代理服务端代理,有传统的Ajax异步代理,支持跨域请求的JsonP代理(需要服务端支持)。其中Ajax代理和JsonP代理都需要配置url来指明服务器的API接口地址。Ajax代理(type: 'ajax')Ajax大家是最熟悉不过了,通过url对服务器的数据进行存取,其数据传输格式为xml或json,下面是一个使用Ajax代理的示例。Ext.define('User', { extend: 'Ext.data.Model', fields: ['id', 'name', 'email']}) 阅读全文

Sencha Touch 2.0 威老的自定义组件:CardPanel

2011-12-23 15:33 by 威老, 3096 阅读, 1 推荐, 收藏, 编辑
摘要:这个自定义组件是用来帮助我们动态销毁暂时不用的视图的。我们把CardPanel作为主视图,用户进入另一个视图的时候,调用setActiveCard()来设置CardPanel的activeItem。这样当用户点击后退按钮时,这个CardPanel就会同时销毁视图并将其从dom结构中除掉。官方的优化指南文档说了,ST性能瓶颈在于内存,而不在cpu。因此为了提高性能我们可以专注于精简dom结构。把看不见的视图先销毁,这就是一个不错的点子。但也不是所有看不见的视图都要立即销毁,有些视图可能用户马上还会用到,这些可以先保存在栈里面。因此,前进的时候,需要保存现场。后退的时候,则可以销毁。对于想要提高性 阅读全文

Sencha Touch 数据层篇 Proxy(上)

2011-12-07 14:29 by 威老, 7921 阅读, 2 推荐, 收藏, 编辑
摘要:代理:Proxy与数据存取代理用于处理数据的存取操作,我们通过给store配置代理,来使得store能够访问服务端以及客户端的数据。换句话说,proxy指定了store的数据源。代理共分为两大类:客户端代理和服务端代理。客户端代理负责本机数据的存取,而服务端代理,则负责远程数据的存取。下面,从比较简单客户端代理开始讲解。客户端代理客户端代理又分为内存代理和web存储代理,内存代理很容易理解,就是负责存取内存中的数据。例如我们随手在代码中写出来的一个javascript对象,就可以用内存代理读取。而web存储代理,其实是对HTML5的Web Storage所作的封装。内存代理(type:  阅读全文

Sencha Touch 数据层篇 Store

2011-12-07 12:49 by 威老, 11364 阅读, 2 推荐, 收藏, 编辑
摘要:数据集storestore是数据的集合,我们称store中条数据为一条记录。store从代理(proxy)获取数据。它封装了数据的查询、筛选和排序等常用方法。然而,最重要的是,ST中的一些组件可以绑定store,这些组件会以我们设定好的格式去显示store的内容,这大概是Sencha Touch中最强大的功能了。当sotre内容发生改变时,我们能很方便地更新组件的显示,这使得我们的开发工作变得十分地轻松。创建一个store在这里我们先新建一个store,后面我们都会以这个store作为操作对象来讲解store的各种用法:Ext.regModel('Contact', { fie 阅读全文

Sencha Touch 数据层篇 Model

2011-12-07 10:10 by 威老, 6514 阅读, 2 推荐, 收藏, 编辑
摘要:模型 model一个最基本的模型声明其所代表的数据对象所具有的字段名称。复杂一点的,可以再加入一些字段类型的声明、字段的验证规则、字段的映射。定义模型定义一个模型非常简单:继承“Ext.data.Model”,然后给他指定一些字段就行了。最简单的模型甚至连字段类型都不需要声明,这时的每个字段都是一个简单的字符串:Ext.define('User', { extend: 'Ext.data.Model', fields: ['name', 'age', ' phone', 'alive']});也可以 阅读全文

Sencha Touch 提高篇 组件选择器

2011-11-26 15:07 by 威老, 9275 阅读, 1 推荐, 收藏, 编辑
摘要:好久没发新文章了。呵呵,今天先给大家放上一篇。写起来挺轻松的,但是排版就纠结了,写在word里的没办法直接复制过来。会缺失格式,得重新排版,那个叫累啊。。。大家有什么好的工具或者方法可以推荐下吗?  在开发的过程中,经常会碰到需要调用刚才创建的组件的情况。一般情况下,可以用Ext.getCmp()方法达到这一目的。这个方法是Ext.ComponentManager的get方法的快捷方式,调用Ext... 阅读全文

Sencha Touch 2.0 有哪些新特征? -- Sencha Touch 官方指南系列

2011-11-13 11:05 by 威老, 3082 阅读, 0 推荐, 收藏, 编辑
摘要:Sencha Touch 2.0 有哪些新特征?翻译:若天 来自:移动Web开发社区原文链接本指南在不断完善中,它不包括Sencha Touch 2.0(以下简称ST 2 )的所有性能。但它将成为ST 2的最终版本。欢迎来到Sencha Touch 2.0ST是第一个HTML5移动开发框架,ST 2.0是ST有史以来最大一次升级。我们最关注的是ST的性能,致力于让基于ST开发的APP能在更多的平台... 阅读全文