最近处理一棵使用dTree生成的树,对代码结构进行优化后,显示1000条数据比较快了。
但是,数据量再增加,速度就明显慢了。经过测试,字符串拼接的占用的时间可以忽略,
主要时间消耗在如下代码处:
target_div.innerHTML = str;
这句是把所有要显示的数据一次性赋值给target_div.innerHTML。看来是浏览器对HTML DOM
的处理和显示比较慢。
最后想出一个办法,settimeout结合target_ele.appendChild,一次显示少量数据,多
次显示完成来实现树,就不会有卡的现象。
但是,数据量再增加,速度就明显慢了。经过测试,字符串拼接的占用的时间可以忽略,
主要时间消耗在如下代码处:
target_div.innerHTML = str;
这句是把所有要显示的数据一次性赋值给target_div.innerHTML。看来是浏览器对HTML DOM
的处理和显示比较慢。
最后想出一个办法,settimeout结合target_ele.appendChild,一次显示少量数据,多
次显示完成来实现树,就不会有卡的现象。