js如何快速的操作DOM

要实现一个Web实时监控系统，每秒要上来5000多条报文，所以要实时刷新页面,频繁操作DOM文档，目前是往table里动态添加行，而且新加的行位 置必须在最前端。
发现CPU占用率很高，如果采用先建立一个临时容器，到一定程度刷新页面，用户会感觉页面很卡。
现在主要是想降低CPU的使用。大家有没有好的解决方案啊。

  • kirayamto - 1年前

    1. 没必要每次取出五千条来更新前端，我觉得10~20条就够用了，用户看不完的。
    2. 快速操作DOM是要遵循一些准则的，比如减少回流操作，缓存系统
    3. 别用表格，用绝对定位的div元素来做我觉得比较好

  • admin - 1年前

    1，别用table，table的局部刷新会导致整体刷新，降低浏览器解析HTML的效率。
    2，别去临时创建元素，而是预先创建好元素作为缓存， 实时更新数据后立即插入页面或者撤离（注意不是销毁）页面。能降低建立元素的消耗。