司徒正美 - 博客园

javascript 跨浏览器的事件系统

摘要：从技术上讲，javascript并没有提供内置的系统来实现这个非常重要的事件驱动编程，不过得益于浏览器的DOM 事件模型，这缺点并没有过多地暴露出来。但实质上javascript之父也不能主宰这一切，他支持的网景也没有强大到让竞争对手乖乖地使用它的产品，微软搞了一个JScript，死去的Macromedia 搞了一个ActionScript，还有更多，听说这个分支挺复杂的。但借用浏览器内置的DOM... 阅读全文

posted @ 2010-03-26 20:37 司徒正美阅读(3146) 评论(2) 推荐(4)

javascript深拷贝

摘要：貌似我博客还有另外两个类似的函数，不过年代比较久远了，随着我技术的提高，更好的函数被创造出来。突然问起我以前的函数，我也会愣一下，心想，真烂！我总是喜欢把最好的东西分享给大家的，以前的大家忘掉吧。我们先看一下浅复制的缺陷，不知多少人中过招呢？ var oOriginal = { memNum: 1, // number memStr: "I am a string", // string memObj: { t... 阅读全文

posted @ 2010-03-26 11:37 司徒正美阅读(7944) 评论(15) 推荐(1)

ECMA15序

只有注册用户登录后才能阅读该文。阅读全文

posted @ 2010-03-23 23:03 司徒正美阅读(1308) 评论(1) 推荐(2)

判定是否为chrome

摘要：早期我给出的判定是基于UA，在UA中它有一个独一无二的Chrome字符串。今天发现chrome还是有一些独一无二的东西，基于它们，我们就可以搞出基于特征的判定了。这两个东西，前者拥有其本地数据库gears，后者不知什么东东，有两个属性csi与loadTimes。阅读全文

posted @ 2010-03-23 17:21 司徒正美阅读(926) 评论(1) 推荐(0)

节点遍历函数

摘要： URL: http://developer.mozilla.org/en/docs/Whitespace_in_the_DOM火狐官网上找到的一组函数，相当于treeWalker，有了它可以方便地在IE实现Traversal API 2的所有功能（nextElementSibling，previousElementSibling，firstElementChild，lastElementChild... 阅读全文

posted @ 2010-03-19 22:13 司徒正美阅读(857) 评论(0) 推荐(1)

变态的节点集合

摘要：今天想实现jQuery的unwrap效果，换言之，就是用其孩子把其父节点干掉。为了效率，用到文档碎片，而取孩子时使用到childNodes（返回一个nodeList） <!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta content="IE=8" htt... 阅读全文

posted @ 2010-03-19 15:49 司徒正美阅读(1901) 评论(1) 推荐(0)

IE的window.event实例

摘要：今天在QQ群里有人提到一个奇怪问题，是有关IE的事件对象有时候不等于自身的，见下面代码（注意，本文的所有例子请在IE下执行）： <!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta content="IE=8" http-equiv="X-UA-Compa... 阅读全文

posted @ 2010-03-18 19:02 司徒正美阅读(2609) 评论(7) 推荐(3)

判定节点是否位于DOM树中

摘要：插入操作时的一个特殊需求，如果此节点没有加入DOM树就克隆一份，否则就直接移动节点！ var isInDomTree = (function(){ var inefficiency = function (els,node){ for(var i=0,n = els.length;i<n;i++){ if(els[i] === node){ return true } if(els[i] && els[i].childNodes.length > 0){ ... 阅读全文

posted @ 2010-03-18 13:08 司徒正美阅读(1296) 评论(1) 推荐(1)

CSS选择器的权重详解

摘要：在我们开始之前，先搞明白几个概念吧。下面是一段CSS代码：上面这个样式表是由一个个样式规则组成，而每一个样式规则又可以分为两部分：选择符与声明。选择符就相当于jQuery的选择器，能针对特定元素进行设置。CSS有名叫层叠样式表，基本上被选中的元素的子元素能继承它的样式，但其子元素如果设置了样式，也能覆写它，就像板页岩这样累在一起。随着布局表格这样落后的布局方式的式微，CSS越来越受到人们的重视。但... 阅读全文

posted @ 2010-03-17 06:53 司徒正美阅读(12670) 评论(5) 推荐(1)

判定window版本

摘要： isWin7 = window.navigator.userAgent.indexOf("Windows NT 6.1") != -1; isVista = window.navigator.userAgent.indexOf("Windows NT 6.0") != -1; isXP = !_isWin7 && !_isVista && window.navigator.userAgent.in... 阅读全文

posted @ 2010-03-17 03:20 司徒正美阅读(1121) 评论(1) 推荐(0)

Ruby's Louvre

导航

公告