自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 一些例子

一些例子随鼠标动的导航条 jquery实现随鼠标动的导航条 年尾抽奖页面 让元素成为焦点,覆盖其他元素 canvas一些例子(需要支持HTML5的浏览器,例如搜狗浏览器高速模式、chrome)球 放射渐变焦点 综合例子 变换矩阵平移转换 ...

2013-05-21 00:01:59 153

原创 margin折叠

     margin折叠在布局中经常发生,需要知道margin折叠触发规则和它遵循什么规则计算距离。    margin折叠的规则两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠创建了块级格式化内容的元素,不和它的子元素发生margin折叠...

2013-04-14 22:01:41 176

原创 textarea IE6/7中设置百分比高度失效

        大家好,我想让textarea自适应容器的高度,设置height:100%        结果其他浏览器能自适应高度,就IE6/7不能,        望高手指点        <!DOCTYPE html><html> <head> <title>textarea.html</title...

2013-04-08 22:15:26 464

js constructor属性

    验证了下constructor属性。看js编译器怎么处理函数的constructor属性的 <!DOCTYPE HTML><html> <head> <title>constructor属性</title> <meta http-equiv="content-type" conten..

2013-04-03 11:33:25 134

js new 操作符

    今天验证了下js 的 new操作符,我们使用new的时候,js编译器做了什么?       以下是测试代码:<!DOCTYPE HTML><html> <head> <title>new operator</title> <meta http-equiv="content-type...

2013-04-02 16:25:09 159

原创 baseline的浏览器差异

         网上搜了一些介绍baseline的文章,感谢网友的分享,baseline相当于我们平时做英语作业,作业本上每一行都有四条线,每个英文都基于第三条线来写的,我们称之为基线,网页显示文字的时候也一样,默认是以baseline对齐。    如图     浅蓝色线就是baseline,就如我们的英语作业本每一行的倒数第二根线    浏览器的文字以baselin...

2013-03-31 11:45:39 187

原创 奇怪的DOM事件触发顺序

  撇开IE的时间处理机制,DOM level2 的事件触发机制是先捕获再上浮。  之前测试过,原来浏览器执行DOM事件并非严格按照先捕获再上浮的顺序,  看看下面代码:  <!DOCTYPE HTML><html> <head> <title>事件触发顺序</title> <met...

2013-03-29 17:24:02 223

原创 js replace函数输入参数

     测试了下replace函数的输入参数,    之前一直不了解,如果replace第二个参数为function,那么replace函数提供给function的输入参数是什么呢?    例如:String.replace(regexp,function(?,?){})    猜想是:           function的输入参数跟exec函数返回结果想似。 ...

2013-03-28 21:50:41 394

js的exec match方法简介

 自己试验了一下exec和match的异同  下面列出测试一个用于获得url地址信息的方法的代码:  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>exec.html</t...

2013-03-27 22:01:33 109

原创 overflow 触发IE7的hasLayout不能触发IE6的hasLayout

  overflow 能触发IE7的hasLayout 不能触发IE6的hasLayout 测试一下<!DOCTYPE HTML><html> <head> <title>hasLayout属性</title> <meta http-equiv="content-type" cont..

2013-03-27 17:04:38 103

css background-position 图片位置

 css 属性:background-position: x y;x、y值可以是left right top bottom center,可以是相对值%,可以是数字。 下面测试代码  <!DOCTYPE HTML><html> <head> <title>bg_image.html</ti...

2013-03-03 11:05:41 366

原创 js 闭包作用域链

接上篇 js 函数作用域还是用那个例子<script> function addEvents(){ var id = “form1”;document.getElementById(“save_button”).onclick = function(event){ sumitForm(id);};}</script> a...

2013-03-01 10:50:25 139

原创 Js 函数作用域链

总结下js的加载到执行,浏览器都做了什么,如何形成js函数作用域链。看下面的代码:<script> function addEvents(){ var id = “form1”;document.getElementById(“save_button”).onclick = function(event){ sumitForm(id);};}&...

2013-03-01 10:34:55 92

事件处理函数的this

 浏览器有三种添加事件监听的方式。第一种:直接在标签内写 onclick=“fn” 第二种:在js中 onclick=fn第三种:在js中 用el.attachEvent或者el.addEventListener() 三种方式添加的事件处理函数运行的scope是不同的,不同浏览器也不尽相同。 IEjs: el.onclick = fn ,fn的this...

2013-02-25 16:04:43 166

instanceof 和 prototype 关系

    一直想知道js的 instanceof 是根据什么来判断两个对象的继承关系? 会不会跟prototype有关,然后就试试了    如果觉得下面的代码比较长,请先看注释  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>...

2013-02-23 09:59:28 229

原创 table设置td宽度的浏览器差异

先看看浏览器生成table差别。 <!DOCTYPE HTML><html> <head> <title>table.html</title> <meta http-equiv="content-type" content="text/html; charset=GB18030&quo

2013-02-20 21:57:22 574

原创 IE6 div 最小高度

在IE6下分别设置div高度为5、10、15、20px。  源码:<!DOCTYPE HTML><html> <head> <title>IE6_minHeight.html</title> <meta http-equiv="content-type" content="text/

2012-03-06 10:20:49 141

IE应用了filter后mouseover事件异常

各位复制下面代码,或者下载附件用IE打开就知道了,应用了filter之后 mouseover事件不能正常触发,不知道为什么。<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...

2012-02-17 22:08:20 129

Ext 条件查询 分页

在grid里面应用pagingToolbar实现分页:问题:      输入查询条件点击查询pagingToolbar上显示:“每页显示50条数据 共259条记录”    但我点击pagingToolbar的“下一页” pagingToolbar上显示:“每页显示50条数据 共313条记录”怎么查询出来的记录数相同呢?(点下一页的时候,火狐debug下才知道查询条件...

2011-03-28 13:42:27 190

原创 Ext store find

store 中的find 和query方法 find( fieldName, String/RegExp value,[startIndex], [Boolean anyMatch], [Boolean caseSensitive] )fieldName:要查找的目标列value: 要查找的列值startIndex:开始位置(可选)anyMatch:相当于数据库的like 用法...

2011-03-02 14:42:25 131

原创 ext a e c b d o 错误

 a 错误:通常是我们应用了还没定义的变量,例如tabpanel里面的grid放在tabpanel后面定义。 e 错误:通常是组件渲染的目标Html为空或者不存在。例如renderTo:'mydiv' 但是在页面中找不到mydiv; c 错误:组件应用了未定义变量。例如store中的info:{field:'id'} 但是store的record中并没有'id'列; d...

2011-03-02 14:22:37 168

原创 ext ie6 页面 闪动

写页面的时候 先用html定义好form 然后将其输入框用textfield combobox进行转换,再在viewport中子项用contentEl指定html的id。代码不能贴出来,有这样问题的人会知道我说什么的。 在ie6下打开这样的页面 页面会出现闪动。 翻看api 有对 contentEl描述 contentEl : String (可选)指定一个已存在的HT...

2010-12-31 17:26:01 151

ext editorGridpanel 验证

对深入浅出提供表格验证方法出现的bug进行改进。  //验证表格数据是否合法       思路:检查modified中每个record 根据每个属性的editor对record中的属性进行验证。    var records = store.getModifiedRecords();    if(records.length<1){     return ;    }    fo...

2010-12-31 16:53:41 156

原创 Tree 重载 加载

网上搜索到的树重新加载方法应用。1、TreePanel.getRootNode().reload();2、TreePanel.getLoader().load(TreePanel.getRootNode(),function(){回调函数}); 

2010-12-13 19:43:39 203

将RowExpander的template换成Gridpanel

  在RowExpander基础上 加入div id为record的id 再将grid render('record.id')  /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ Ext.ns('...

2010-12-13 18:59:45 136

原创 Extjs GroupStore 分组 倒序

groupStore默认分组是升序,最近项目中应用到按日期分组 倒序显示。但无论怎么配置store都不能倒序,一开始以为store不能对分组排序,然而显示日期都是很有规律地升序排列,而不是乱序,肯定groupstore里面某个参数写死了在api中没有显示,查看源码:发现这个属性groupDir : 'ASC',把它改为'DESC'就OK。...

2010-12-13 18:36:09 222

ext js findChild

最近做了一个程序模块,根据一棵树查找树节点,树的id是js自己生成的,所以我就选用其他方式来查找树节点 var node = TreePanel.root.findChild( String attribute, Mixed value ) ;但是我调用了方法之后 火狐一直报错 node为null;后来安装了spket之后 翻看源代码findChild : function(att...

2010-11-11 10:33:05 265

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除