JavaScript -- IT技术博客大学习 -- 共学习共进步！

• 优雅兼容之理想与现实

infinte 总是能给我们带来一些新思路新想法：更优雅的兼容很不错的思路。不过实际操作时，并不好组织。比如：getOffset （获取 elem 相对 page 的偏移量）方法，对于高级浏览器，直接 getBoundingClientRect + win.scrollLeft/Top 即可。对于低级浏览器，比如 Safari 2, 得利用 offsetParent 不断向上回溯叠加。

• DOM操作琐碎知识点

1. parentWindow 与 defaultView parentWinow是IE下document的特有属性，表示的是document所在的window对象 defaultView DOM Level2中引入的属性，document.defaultView指向默认的AbstractView。 2. 各种坐标以及维度属性元素可见区域宽/高(不包括border)： clientWidth/clientHeight 元素可见区域宽/高(包括border)： offsetWidth/offsetHeight 元素整体宽/高(包括因滚动而隐藏的部分)： scrollWidth...

• 两行 JavaScript 代码

最近看到了两行 JavaScript 代码，很受启发。 1. 封装 DOM 属性在 JavaScript 中，我们可以获取HTML元素的属性值，例如 element.id 。但是，因为 for 和 class 是 JavaScript 中的关键字，所以在 JavaScript 中这两个属性名称分别用 htmlFor 和 className 代替，于是在封装的时候需要先对这两个属性进行特殊判断。

• Javascript浅拷贝与深拷贝

js中的赋值都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.引用就是浅拷贝。深拷贝就是不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的，新对象所指向的不是原来对像的地址。 Javascript深拷贝有很多封装的方法，大家网上可以搜索一下.看下面这个例子..........

• jQuery.animate简单分析

很久之前就对jQuery.animate的实现非常感兴趣，不过前段时间很忙，直到前几天端午假期才有时间去研究。jQuery.animate的每种动画过渡效果都是通过easing函数实现的。jQuery1.4.2中就预置了两个这样的函数。。。

• relatedTarget, fromElement, toElement

W3C在mouseover和mouseout事件中添加了relatedTarget属性。在mouseover事件中，它表示鼠标来自哪个元素，在mouseout事件中，它指向鼠标去往的那个元素。

• elem.style.left与elem.offsetLeft的区别

elem.style.left是元素的最左边（包括元素的margin-left）到offsetParent左边padding（包括左边padding）的距离。用公式简单的表示一下两者的关系：elem.offsetLeft = elem.style.left + elem.style.marginLeft

• 图片旋转的小例子

图片翻转的小例子，很多微博都在用。

• JS中如何判断字符串类型的数字

用JS判断字符串能不能转换为数字。

• 获取匿名对象的属性

构建lambda在运行时获取匿名对象的属性。

• Inline Form Labels

很多网站在填写表单的时候，都可以看到这样一种UI，input[type=text]里面有提示的文字，当鼠标点进去之后提示文字就消失了。以前做这个效果的时候都是用很笨的方法，就是把提示文字写进input的value里，然后在focus的时候去掉，在blur的时候再判断一下input的value是不是空，如果为空再把提示加上去。这样做很笨，不仅代码难看，也不符合“规范”（提示就应该是提示，不应该是input的值）。有一天在网上发现的一种很容易的做法，下...

• 不要用setAttribute设置className

创建了一个新的元素，然后添加class，发现用setAttribute("class", "foo")这种方式在IE6下不起作用。

• 获取元素在页面的绝对位置

获取元素在页面的绝对位置。

• 改写jQuery UI的Accordion

最近在做一个项目，其中有个UI要做成类似jQuery UI中Accordion的样子。但是Accordion在某一时刻只可以展开一个Panel，所以就改写了一下Accordion，让它可以同时展开多个Panel。

• js数组去重

js数组去重就是把数组中重复的元素去掉

• include_path+__autoload与数组+__autoload的比较

今天得知了一种不用include_path而选择用数组来缓存类名来autoload的方法..这种方法也比较巧妙..我们知道 include_path当设置的目录很多的时候..遍历是非常耗时的.所以这种方法舍弃include_path..而是自己创建了一个数组..数组的键名为类名..键值为此类对应的路径.

• DOMComment 和 DOMXPath的应用sample

symfony 1.0版本中的表单重填（当提交表单出现error的时候，要在表单中显示之前用户的输入）中的核心类

• 闭包与作用域

这几天晚上回到家里没闲着，在网上找了本书，终于弄明白自己一直半懂且不懂装懂的一件事情。那就是闭包与作用域的事情，想想前两天写的日志，虽然当时自己用另外一种方式处理了。即借用于中间函数，不过始终是脱离了自己原来预想的闭包实现法。既然偶有所感，不如改写一下。改写后，代码如下，果然精悍了很多。

• 三谈Iframe自适应高度

解决跨域、同域、高度不断变化等情况下iframe高度自适应的问题。

• JS 常用继承实现方式

看《JavaScript 设计模式》，关于里面提到的JS继承实现的方式，分为三种，且书中都给出了相关实现。这里也不再做讲解，只求记录一下，因为自己总是有时候会忘记这些东西。类式继承，extend 原型式继承，clone 掺元类继承，augment 类式继承的实现，这里面很有必要引人注意的是，superclass.prototype.constructor = superclass; 而且实现空实例要省很多资源。如果还想调用类里面的方法，而非其原型对象的方法，可以使用call函数...