henry 2013 年 8 月 7 日

替楼主稍微展开下。

1. 使用事件代理
虽然减少了绑定的事件的次数，但对于容器的每次操作都会触发事件、内部进行判断。引用楼主的例子，假设 div 与 viewport 一样大，那么每次点击都会触发代理事件，虽然仅仅是判断是否点击到了按钮上。 这个。。。具体情况具体对待吧
2. 缓存查询
版本不太低的 jquery 貌似已经在 jQuery.cache 中缓存过了。

其他，javascript 如果需要提高性能，那么瓶颈绝对在 dom 操作方面。改变 style、display 等的方式可修改为改变 className
增、删、修改、查都需要注意。js 动画、大数据填充的可优化性是很高的，在移动端，显得尤为重要。

探讨单引号/双引号、push 与字符串+=、是否单例对象意义不是很大，但如果要极致性能，这些也是必须做到的。例如：

有一段代码是这样的，参数不定，判断参数的 length，如果大于 3，使用 call(that,args1,args2)，手动指定参数; 反之使用 apply(that,args)，据说是 call 效率优于 apply。此方法的参数大多数情况是小于等于 3 的，参见 backbone.js

var triggerEvents = function(events, args) {
var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2];
switch (args.length) {
case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return;
case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return;
case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return;
case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return;
default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args);
}
};

mooring 2012 年 10 月 17 日

更好的写法是：
var cached = jQuery(‘#top’); cached.find(‘p.classA’); cached.find(‘p.classB’);

其实 jq 里已经有对小于 512bytes 节点的缓冲功能了