yxc_gdut-CSDN博客

原创一些例子

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

2013-05-21 00:01:59 131

原创 margin折叠

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

2013-04-14 22:01:41 166

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

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

2013-04-08 22:15:26 454

js constructor属性

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

2013-04-03 11:33:25 113

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 134

原创 baseline的浏览器差异

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

2013-03-31 11:45:39 177

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

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

2013-03-29 17:24:02 202

原创 js replace函数输入参数

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

2013-03-28 21:50:41 369

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 85

原创 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 81

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 344

原创 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 119

原创 Js 函数作用域链

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

2013-03-01 10:34:55 71

事件处理函数的this

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

2013-02-25 16:04:43 146

instanceof 和 prototype 关系

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

2013-02-23 09:59:28 221

原创 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 545

原创 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 123

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 110

Ext 条件查询分页

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

2011-03-28 13:42:27 149

原创 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 105

原创 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 165

原创 ext ie6 页面闪动

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

2010-12-31 17:26:01 143

ext editorGridpanel 验证

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

2010-12-31 16:53:41 146

原创 Tree 重载加载

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

2010-12-13 19:43:39 175

将RowExpander的template换成Gridpanel

2010-12-13 18:59:45 129

原创 Extjs GroupStore 分组倒序

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

2010-12-13 18:36:09 211

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 239

yxc_gdut的博客