使用Datatables jQuery插件改进更新DOM的性能
Improve performance updating the DOM using Datatables jQuery plugin
我想知道是否有任何方法可以在将fnUpdate
函数应用于许多行时加速它。在我的情况下,我使用它来更新例如10个不同行的10个单元格,我注意到它没有预期的那么快。有点慢。
我已经看到,在更新DOM时提高性能的一种常用技术是立即执行而不是循环。这样,浏览器只会回流页面一次,将加快这一过程。
是否有办法在数据表插件制作的fnUpdate函数?谢谢。
尝试fnUpdate的第4和第5个选项可能会有所帮助,它们禁止在更新单元格后立即更新整个表。您可以在完成所有更改后执行整个表更新。
for(i = 0;我& lt;行;我+ +)
dataTable.fnDraw ();
{
数据表。fnUpdate("Sample Data", i, 3, false, false);
}
相关文章:
- 从angularjs中的javascript更新dom
- Javascript没有't更新DOM,直到用户交互
- 如何让React JS点击处理程序在执行时更新DOM
- Ionic:AngularJS变量未使用$scope更新DOM
- 使用Javascript通过ajax回调更新DOM
- Angular JS根据搜索结果和点击事件更新DOM元素
- 我如何告诉javascript立即更新DOM
- 引导复选框-x 选中时未正确更新 DOM - 如何验证表单
- 通过Javascript重复更新DOM后,网页变得很慢
- jQuery更新DOM并运行change()方法
- 使用Angular Directive用$scope属性更新DOM-只要指令运行(无需等待事件)
- AngularJS:在长时间循环期间强制更新DOM(即进度指示器)
- Polymer:当数组中的对象被外部代码修改时,更新dom重复元素
- Javascript 复杂的附加和更新 DOM,因此可以使用 remove(); 将其删除
- ng-show 不更新 DOM 元素
- 浏览器如何从内部HTML属性更新DOM
- 更新 DOM 中的标签
- 是否有模板引擎可以在数据更改时更新 DOM
- 在 AngularJS 中使用从 websockets 动态获取的外部 JSON 数据自动更新 DOM
- 更新 DOM 后“鼠标向上”出现问题