我正在使用Javascript解析具有大约3500个元素的XML文件。我正在使用jQuery“每个”函数,但可以使用任何形式的循环。 问题是循环执行时浏览器冻结了几秒钟。停止冻结浏览器而不减慢代码速度的最佳方法是什么?
$(xmlDoc).find("Object").each(function() { //Processing here });
我会放弃“每个”功能而赞成使用for循环,因为它更快。我还将使用“ setTimeout”添加一些等待,但仅在需要时才如此。您不想每次等待5毫秒,因为处理3500条记录大约需要17.5秒。
下面是一个使用for循环的示例,该循环以5 ms的间隔处理100条记录(您可以对其进行调整),从而产生175 ms的开销。
var xmlElements = $(xmlDoc).find('Object'); var length = xmlElements.length; var index = 0; var process = function() { for (; index < length; index++) { var toProcess = xmlElements[index]; // Perform xml processing if (index + 1 < length && index % 100 == 0) { setTimeout(process, 5); } } }; process();
我还将对xml处理的不同部分进行基准测试,以查看是否有可能解决的瓶颈。您可以使用firebug的事件探查器在firefox中进行基准测试,并写出如下代码到控制台:
// start benchmark var t = new Date(); // some xml processing console.log("Time to process: " + new Date() - t + "ms");
希望这可以帮助。