摘要：CSS3动画实战 阅读全文
Coding Ninja 修炼笔记 (1)
2013-10-24 22:08 by 威老, 1278 阅读, 1 推荐, 收藏, 编辑
摘要：这次主要是给大家带来一些提升 Coding 效率的建议。效率都是一点一滴优化出来的，虽然每一条建议给你带来的提升可能都不大，但是积累起来，仍然是一股不可忽视的力量。 阅读全文
偶然路过，所以就留点东西吧。
2012-09-27 10:44 by 威老, 650 阅读, 0 推荐, 收藏, 编辑
摘要：因为工作换了的原因，现在已经不做Sencha Touch方面的事了，也很长时间没来博客园。今天一打开博客，发现好多消息没有回复。。。想回复，但是一看时间，已经好几个月前了。很遗憾，没有能够给大家带来更多的好文章。好在目前已经写的文章，对许多人而言也已经够用。很多东西都是这样，乍看是一头雾水，入门了之后，却是柳暗花明又一村。如果需要更多的修行，我也已经无能为力了，因为如果你学好了目前的内容，再实际应用几个月，水平就跟我差不多了。ST其实很简单，我还是认为，学习的方法更为重要。要善于利用浏览器提供的功能进行学习：利用元素审查工具解决各种布局问题；适当利用断点调试逻辑错误；灵活利用javascrip 阅读全文
Sencha Touch 数据层篇 Proxy(下)
2012-03-20 15:22 by 威老, 6333 阅读, 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 威老, 3104 阅读, 1 推荐, 收藏, 编辑
摘要：这个自定义组件是用来帮助我们动态销毁暂时不用的视图的。我们把CardPanel作为主视图，用户进入另一个视图的时候，调用setActiveCard()来设置CardPanel的activeItem。这样当用户点击后退按钮时，这个CardPanel就会同时销毁视图并将其从dom结构中除掉。官方的优化指南文档说了，ST性能瓶颈在于内存，而不在cpu。因此为了提高性能我们可以专注于精简dom结构。把看不见的视图先销毁，这就是一个不错的点子。但也不是所有看不见的视图都要立即销毁，有些视图可能用户马上还会用到，这些可以先保存在栈里面。因此，前进的时候，需要保存现场。后退的时候，则可以销毁。对于想要提高性 阅读全文
Sencha Touch 数据层篇 Proxy(上)
2011-12-07 14:29 by 威老, 7925 阅读, 2 推荐, 收藏, 编辑
摘要：代理：Proxy与数据存取代理用于处理数据的存取操作，我们通过给store配置代理，来使得store能够访问服务端以及客户端的数据。换句话说，proxy指定了store的数据源。代理共分为两大类：客户端代理和服务端代理。客户端代理负责本机数据的存取，而服务端代理，则负责远程数据的存取。下面，从比较简单客户端代理开始讲解。客户端代理客户端代理又分为内存代理和web存储代理，内存代理很容易理解，就是负责存取内存中的数据。例如我们随手在代码中写出来的一个javascript对象，就可以用内存代理读取。而web存储代理，其实是对HTML5的Web Storage所作的封装。内存代理(type: 阅读全文
Sencha Touch 数据层篇 Store
2011-12-07 12:49 by 威老, 11390 阅读, 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 威老, 6516 阅读, 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 威老, 9283 阅读, 1 推荐, 收藏, 编辑
摘要：好久没发新文章了。呵呵，今天先给大家放上一篇。写起来挺轻松的，但是排版就纠结了，写在word里的没办法直接复制过来。会缺失格式，得重新排版，那个叫累啊。。。大家有什么好的工具或者方法可以推荐下吗？ 在开发的过程中，经常会碰到需要调用刚才创建的组件的情况。一般情况下，可以用Ext.getCmp()方法达到这一目的。这个方法是Ext.ComponentManager的get方法的快捷方式，调用Ext... 阅读全文
Sencha Touch 2.0 有哪些新特征？ -- Sencha Touch 官方指南系列
2011-11-13 11:05 by 威老, 3091 阅读, 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能在更多的平台... 阅读全文