10个Javscript编程的技巧
2010-02-21
1.外部引入js文件时,使用defer属性供IE浏览器解析
这个属性可加可不加,不管添加defer属性是不是一个好的编程技巧,但该属性在适当的时候会派上用场的。它的使用方法如下:
1
<script type="text/javascript" defer="defer"></script>
添加defer属性的目的是在... 详细内容
contains和compareDocumentPosition 方法确定HTML节点
2010-02-07
一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。
从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器)。
1... 详细内容
JavaScript代码优化
2010-02-07
在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,事实上,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。
一直很迷惑司徒正美为什么对以下的for循环还鄙视,
for (var i = 0; i < list.length; i++) {
//循环代码
}
看了下面这篇文章... 详细内容
javascript 实现的完全兼容鼠标滚轴缩放图片的代码
2010-02-07
以前看到的都是用IE的zoom,所以非IE就不支持,昨天看到这个js中鼠标滚轮事件详解 ,于是完全兼容(IE6-8,FF,Chrome,Opera,Safari)的鼠标滚轴缩放图片效果今天就诞生了
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xht... 详细内容
js实现的仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)
2010-02-07
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitiona... 详细内容
js中鼠标滚轮事件详解(firefox多浏览器)
2010-02-07
之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼容性问题
附加事件
其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件。
复制代码 代码如下:
/*IE注册事件*/
if(document.attachEvent){
document.attachEvent(... 详细内容
javascript两段代码,两个小技巧
2010-02-07
话说以前我转过一片文章,讲的是 JavaScript中||和&&的妙用, 下面是一些优化写法。
第一段代码就是强调一下这个用法,我在我的项目中使用了一个switch,后来我发现这样的代码好丑,于是我就写成||&&形式的, 后来测试性能的时候,发现性能竟然上了一个数量级,可见这种写法在某... 详细内容
JavaScript面向对象之静态与非静态类
2010-02-07
使用JavaScript面向对象完全出于偶然,因为大部分时间我都是在无图形界面的环境下工作,有时候就算是介入了web客户端的工作的时候,在写js和ajax时,最多的也只是写写function,从没有考虑过要使用JavaScript面向对象这么高级的技巧。
直到有那么一天,我开始在js中拼凑DOM标签,而且需要... 详细内容
JavaScript trim函数的十二种实现
2010-02-07
实现1
1.String.prototype.trim = function() {
2. return this.replace(/^\s\s*/, ”).replace(/\s\s*$/, ”);
3.}
看起来不怎么样,动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,直接相加比用Array做成的StringBuffer还快... 详细内容