随笔分类 -  Html5/Sencha

摘要：说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家 都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。userData是IE的东西，垃... 阅读全文

摘要：Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架，它基于 HTML5 和 CSS3 的 web 标准，全面兼容 Android 和 Apple iOS，通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用，它提供了丰富的华丽的控件和强大的功能，包括对触控事件的增强，数据整合等。本文通过对 Sencha Touch 框架的介绍，使读者对该框架有一定的了解，并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 阅读全文

摘要：转载请注明出处：http://www.cnblogs.com/Jackey_Chen/archive/2011/08/23/2151141.htmlIndex.hmtl文件中引入的脚本如下： 联系人的Model和Store如下： 1 Ext.regModel('ContactModel', { 2 3 proxy : { 4 type : 'localstorage', 5 id : 'contactModel' 6 }, 7 8 fields : [ 9 'id',10 'firstName',... 阅读全文

摘要：最近在做项目的后期图片定位、空间布局之类的美工细致活，以前都没什么注意，用到了临时谷哥|度娘一下。在网上找了些CSS的技巧，在此分享。 CSS是页面效果呈现中非常重要的组成部分，它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易，但是要想写出精炼的CSS代码还是有很多技巧的。下面就是技巧7则：1. 合并多个相同属性 比如很多人写margin会这样写：margin-top: 8px;margin-right: 4px;margin-bottom: 8px;margin-left: 4px; 但是这样写更高效：margin: 8px 4px 8px 4px; 对于font、backgrou. 阅读全文

摘要：由于同源策略的限制，Javascript存在跨域通信的问题，典型的跨域问题有iframe与父级的通信等。常规的几种解决方法：(1) document.domain+iframe； (2) 动态创建script； (3) iframe+location.hash； (4) flash。这里不细说这几种方法，记录的是HTML5的window.postMessage。postMessage兼容IE8+、... 阅读全文

摘要：ext xtype 汇总 基本组件：. xtype, Class, 描述. button, Ext.Button, 按钮. splitbutton, Ext.SplitButton, 带下拉菜单的按钮. cycle, Ext.CycleButton, 带下拉选项 ... 阅读全文

摘要：之前做项目看Ext3.x的时候，觉得会用就好了，没有深入去理解。最近研究Sencha又遇到这个疑惑。于是上网搜了很多相关的资料，在此总结一下。1.Ext.namespace方法,该方法的作用是把传入的参数转换成对象.使用该方法的目的主要在于可以区分类名相同的类,这有点和java中的package作用类似.让我们先看下源码: 1 namespace : function(){ 2 var a=arguments, o=null, i, j, d, rt; 3 for (i=0; i<a.length; ++i) { 4 d=a[i]... 阅读全文

摘要：最近在做手机地图这块，由于刚接触，很多东西都挺新鲜的。其间遇到了很多问题，这篇文章算是帮我解决了首要问题，在此转载仅供那些跟我一样遇到这种需求的开发人员参考借鉴。 在你有一个合理的标记数量的时候，使Google Map标记是很平常的。但是一旦你有几百个、甚至更多地标的时候，性能迅速的开始降低。在本文章中，我会告诉你一些提高性能的方法。同时我会放一个测试页面去比较它们的效率。如果你是第一次使用Google Map的标记，我建议你先去了解一下在Google Map上使用标记的一些基本原理和操作。The Marker Manager-Keeps track of them 您的第一选择可能是利用M. 阅读全文

摘要：Ext.data.Readers常用于解析Model或Store中加载的数据，例如Ajax请求返回的数据（XML/JSON）。通过对每个Model的associations的属性配置，Readers也可以自动加载多重嵌套（deeply-nested）的数据对象。下面举一个CRM系统中的各个数据对象相互关联的关系，用来说明Reader的灵活性。系统涉及User、Orders、 OrderItems和... 阅读全文