javascript - 关于JS遍历效率 有什么好的解决方案？

Question

我一次性遍历300个DOM元素，期间会获取每个元素的top、left、width、height，进行条件判断，最后会有DOM操作，我调整了许多，在chrome执行的效率还可以，但是在IE和FF就差强人意。

for (var i = 0; i < trList.length; i++) {
                        var tr=trList[i],chebox = $(tr).find('input[type="checkbox"]');
                        var ah = tr.offsetTop+ tr.offsetHeight- num,aw = tr.offsetLeft+ tr.offsetWidth,tt=tr.offsetTop- num,tl=tr.offsetLeft;
                        if (ah > dt&& aw > dl&& tt < dh+ dt&& tl < dw+ dl) {                                                        
                            // 判断是否在文件列表还是在图标列表
                            if (type==0) {
                                chebox.prop("checked",true);
                                $(tr).addClass("a");
                            } else if (type==1) {
                                chebox.prop("checked",true);
                                $(tr).addClass("status-select");
                            }
                        } else {
                            if (type==0) {
                                chebox.prop("checked",false);
                                $(tr).removeClass("a");
                            } else if (type==1) {
                                chebox.prop("checked",false);
                                $(tr).removeClass("status-select");
                            }
                        }
                    }

Answer 1

你听说过lazyload理念么？干嘛要全展示呢？

而且你的业务我没看懂。