随笔分类 - Sencha Touch
Html5 Sencha Touch 移动应用
摘要：具体原因不清楚，应该是与新版的sass有关。目前的处理方法就是安装原来的版本gem uninstall compassgem uninstall sassgem install sass –v "3.2.10"gem install compass –v "0.12.2"这样就可以消除上述错误了。
阅读全文
摘要：var Cookies = {};Cookies.set = function (name, value) { var argv = arguments; var argc = arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : '/'; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; docum.
阅读全文
摘要：写博客园越来越懒了，只写重点部分，不明白的可以Q我。1.当你通过Cmd生成项目之后，App\resources\sass就是我们的样式源文件2.想自定义自己的样式分为两种方式 扩展：这个是基于st提供的皮肤上面做修改 新建：基于st的base主题，做自己的主题 两者基本一样，以扩展为例3.打开App\resources\sass\app.scss// 这里是需要继承的css样式，默认是default，当然如果你要扩展其他样式可以自己选择，例如：cupertino，bb10，mountainview等等@import 'sencha-touch/default';@import
阅读全文
摘要：移动端到服务端通信往往会发生很多莫名的异常情况，如何有效的监控proxy异常，给用户友好的用户体验呢？Proxy给我提供了异常exception的监听事件，只需要监控该项目即可。Sencha Touch Store的基类如下：Ext.define('HzyApp.store.Base', { extend: 'Ext.data.Store', config: { proxy: { scope: this, listeners: { exception: function (proxy, resp...
阅读全文
摘要：1.目录移动框架简介，为什么选择Sencha Touch？环境搭建创建项目框架，框架文件简介创建简单Tabpanel案例自定义图标的方式WebApp产品测试和发布HTML5离线缓存发布成Android/IOS本地app应用移动框架简介，为什么选择Sencha Touch？目前市面上，移动应用web框架，也算是风生水起，不断涌现，各个都称自己最牛逼。常见的几个框架主要有jquery Mobile，Dojo Moble，Sencha Touch，我这里是极端推荐Sencha Touch，至于它多优秀，不是我说了算，只有你亲自用过，做过项目之后才能领悟他的魅力；至于从没用过的口水党，请绕道。Senc
阅读全文
摘要：使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。浏览器支持所有主流浏览器均支持应用程序缓存，除了 Internet Explorer。HTML5 Cache Manifest 实例下面的例子展示了带有 cache mani
阅读全文
摘要：ST2.2版本竟然又改变了sass中自定义图标的添加方式，在2.2以前采用的是这种base64的方式，详见：http://www.cnblogs.com/qidian10/archive/2012/11/19/2776953.html但ST2.2.1中所有的图标icon都采用字体的形式展现，也就是说你看到的并不是图片，而是一种字体。Sencha Touch采用http://pictos.cc/font/作为图标库，类似的字体图标库还有很多。那么采用font的形式，我们如何自定义自己的icon呢？其实比以前更简单了比如说你想用第一排的第3个图标，那么它对应的字符是“c”，你只需要将下面的css加
阅读全文
摘要：案例大片介绍，官网单击到官网查看介绍案例截图Iphone5展示 Ipad展示PC，WebKit浏览器展示添加到Ipad、Iphone、android的主屏幕图标案例操作视频案例高清视频下载：http://files.cnblogs.com/qidian10/nebula.rar以下视频为chrome浏览器录制，iphone，ipad上表现会更漂亮。优酷视频：http://v.youku.com/v_show/id_XNTQ5NDY1NzY4.html案例开发说明1.案例采用Sencha Touch 2.2开发，Sencha Touch更多介绍请参考官网：http://www.sencha.c.
阅读全文
摘要：案例大片介绍，官网单击到官网查看介绍案例截图Iphone5展示 Ipad展示PC，WebKit浏览器展示添加到Ipad、Iphone、android的主屏幕图标案例操作视频案例高清视频下载：http://files.cnblogs.com/qidian10/nebula.rar以下视频为chrome浏览器录制，iphone，ipad上表现会更漂亮。优酷视频：http://v.youku.com/v_show/id_XNTQ5NDY1NzY4.html案例开发说明1.案例采用Sencha Touch 2.2开发，Sencha Touch更多介绍请参考官网：http://www.sencha.c.
阅读全文
摘要：背景随着富客户端框架的盛行，以及众多优秀的前端js框架，很多情况我们会遇到跨域的问题，而js的ajax请求是不允许直接跨域访问的，当然你会说可以用JSONP等，但是由于代码洁癖，不想在前端和后台添加callback，而且很多情况你是无法控制的，需要牵连考虑太多的情况。所以我直接绕过了，每个前端应用，自带一个通用后端服务代理，该服务解决跨域问题，自动代理帮前台获取跨域的数据。如何算跨域虽然是个老问题，但是还是要提醒注意下两点：同IP，不同端口，数据访问是跨域的，但是Cookie访问是可以的（这个让我很难理解）解决，源码 CookieContainer cookieContainer = ...
阅读全文
摘要：Sencha Touch 2的List的分页功能想必不用过多的介绍了,应该都了解,官方也有例子。但是想直接把List的分页功能拷贝到DataView上，是不够完美的，存在一个小Bug，导致一直在加载中....Uncaught TypeError: Object [object Object] has no method 'scrollDockHeightRefresh'很明显DataView组件中没有这个功能，只有List中有，而分页插件却需要用到这个方法。既然需要,切不理会什么用,那我们先给其加上。如何给DataView中添加这个方法呢?很简单，在自定义组件中有介绍，添加方法
阅读全文
摘要：经过进一周的各种折腾，各种想放弃，各种纠结，最终还是顺利的完成了SenchaTouch的开发，回想起来感觉“甜甜的”，也充分体会到Sencha MVC开发模式的好处，以及SenchaTouch.js和Extjs的强大和牛逼，不得不佩服，在我看来这绝对是企业级开发非常强大和优雅的UI开发框架，不喜欢的就不要吐槽了。这几天，天天看SenchaTouch的API，指导教程，论坛，不懂就查，几度崩溃，非常庆幸的是Sencha团队提供了非常完备的documents，一查就知道。开发经历还是有点纠结的，刚开始也是不习惯他的MVC开发，干脆所有js都写在一个页面里面，就这样乱乱的完成了，到最后花了一个晚上的
阅读全文
摘要：Sencha Touch 的动画方式HIERARCHYExt.BaseExt.fx.AnimationREQUIRESExt.fx.animation.FadeExt.fx.animation.FadeOutExt.fx.animation.FlipExt.fx.animation.PopExt.fx.animation.PopOutExt.fx.animation.SlideExt.fx.animation.SlideOut使用方法类似：win.show({type:'pop',direction:'left'});或win.show('pop'
阅读全文
摘要：Sencha Touch 提供的默认图标有限，api上只有这么几个但为了方便扩展，sencha touch早已经给我们准备了若干的图标文件和sass代码，方便后期的css自定义等。图标文件在：\resources\themes\images\default\pictos 下面，如果不够用，你可以放置自己的png格式图片。如何自定义自己的图标呢？由于我们是window系统，必须先安装ruby环境，因为sass和compass工具依附于ruby。1.360里下载安装ruby2.执行 gem install haml 3.执行gem install compass4.OK安装完成，可以生成CSS了.
阅读全文
