使用Aurelia渲染大型数据表时,我正在努力提高性能.
即使在中等大小的表(20x20)的情况下,我的Chrome也不会低于200ms,MS Edge需要大约800ms而IE11大约需要2s.如果要添加(虚拟)滚动,200ms也是一个问题.处理时间随着每个表格单元的绑定数量而增加.我已经整理了一个(例子)绑定'css','class',当然还有单元格内容.
${getCellText(column, row)}
我有什么想法可以提高性能？
基于初始提议,我试图避免嵌套重复,但在我的情况下这是不可能的,因为列和行都是动态的.
很棒的问题,这是我们最近一直非常关注的问题.
首先,当涉及大量数据时,避免嵌套重复.我们正在为这种情况进行性能改进,通过展开模板来提高此方案的性能,但尚未准备好发布.
其次,尽可能使用一次性绑定.这将消除任何属性观察和阵列变异观察开销.
${getCellText(column, row) & oneTime}
即将发布的版本有两个变化,可以将大网格的渲染时间缩短一半甚至更少.其中一个更改提高了单向绑定的效率(到目前为止最常用的绑定模式),另一个更改推迟了一些绑定工作,直到完成初始渲染.这将使初始渲染的使用oneTime和oneWay速度一样快.有关这些改进的更多信息,请访问:http: //blog.durandal.io/2015/12/04/aurelia-repaint-performance-rules/
在这里演示:http://jdanyow.github.io/aurelia-dbmonster/
京公网安备 11010802040832号 | 京ICP备19059560号-6 