在数组中加载大量条目会导致网页冻结。

Question

我有一个网页，通过在AngularJS中的承诺调用加载大量的条目。承诺被解析为至少包含4,000条目(JSON对象)的数组。当数据来自远程服务时，网页freezes会持续5-10秒，窗口总是会弹出，询问是否要停止繁忙的脚本。下面的代码是我目前正在做的工作：

promiseObj.then(function(data) {

//use async to handle each entry in data
async.each(data, function(entry) {

                    //handle entry here... omitted

                    //push in the processed entry
                    $scope.allSegs.push(entry);

                }, function(err) {
                    console.log("error in retrieving all data asynchronously: ", err);
                }); //async

});

为了使网页看起来更具响应性，我正在考虑先将大数组(如上面代码中所示的data)拆分为多个较小的数组，然后使用'async.each‘顺序处理每个较小的数组。还是使用间隔计时器来处理这个问题更好呢？我

Answer 1

4000不是那么多的项目。关键因素是不过载角的$digest生命周期。为了做到这一点，您可以进行一些编辑，例如：

1. 为什么循环使用async.each，如果您可以简单地将data变量赋值给$scope.allSegs？
2. data数组有多少属性？在那个代码的地方，它们都是必需的吗？您能否将数据对象拆分为较小的对象，并在不同的时间分别加载它们？
3. 正如上面几个用户所建议的，分页将是一个有用的解决方案。