Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 请解释为什么angular ng repeater会随着行数的增加而降低渲染性能_Javascript_Angularjs_Angularjs Directive_Angularjs Ng Repeat - Fatal编程技术网

Javascript 请解释为什么angular ng repeater会随着行数的增加而降低渲染性能

Javascript 请解释为什么angular ng repeater会随着行数的增加而降低渲染性能,javascript,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Directive,Angularjs Ng Repeat,我观察到随着行数的增加,angular ng repeater的渲染性能下降 这是我的实验 运行该实验时,您会发现,随着行数的增加,渲染rowDOM所需的时间也会增加。我通过创建一个指令来度量这个统计数据,该指令将在呈现每一行时执行,并将时间差记录到控制台中 所以我的问题是,为什么会发生这种情况,内部细节以及我如何解决这个问题。我尝试过使用过滤器,但没有找到令人满意的结果,尽管它可能是分页的解决方案。同样,你可以比阅读整本书更快地完成一页书的阅读……但这看起来确实是错误的。如果加载每一行平均需要

我观察到随着行数的增加,angular ng repeater的渲染性能下降

这是我的实验

运行该实验时,您会发现,随着行数的增加,渲染rowDOM所需的时间也会增加。我通过创建一个指令来度量这个统计数据,该指令将在呈现每一行时执行,并将时间差记录到控制台中


所以我的问题是,为什么会发生这种情况,内部细节以及我如何解决这个问题。我尝试过使用过滤器,但没有找到令人满意的结果,尽管它可能是分页的解决方案。

同样,你可以比阅读整本书更快地完成一页书的阅读……但这看起来确实是错误的。如果加载每一行平均需要90毫秒,那么写入所有行就需要50秒。但是JSBin加载所有行所用的时间不到几秒钟。@zsong这不完全一样,因为每页有一些平均时间。在他的例子中,每页的时间都在增加。@Premchandra我认为这可能是实现中的一个问题。refTime未正确更新。因此,我对您的实现进行了编辑:这一行在0到1ms之间每行显示一次;得到同样的结果,演示是测量经过的时间