vue多线程

vue多线程

http://yidu.tv
这个网站比分页很卡,是因为指数数据是从socket推送过来的,然后每推送一条数据调用一次数据更新方法,然后因为socket是持续的而且数量很大,所以长时间占用主线程,导致ui线程阻塞,从而导致页面卡顿,有什么好的解决办法吗?


回答:

socket 之类的能放入 sw 里吧。这样就不占用主线程了。然后处理的时候节流一下。

讲道理不至于因为一个推送导致卡顿吧。


  1. 是不是可以让客户端自己订阅一些,然后服务端之推送订阅之后的。不然我看他那个好几屏数据。
  2. 然后就是能不能舍弃一下。做做压缩什么的。我见里面还直接有中文,能不能做个对照表。


回答:

数据交互肯定不会卡,卡一般都卡在 DOM 更新了。有几点:

  1. 循环一定要有 :key,不然可能每次更新一两条,但实际上刷新全部
  2. 不一定要每次都更新,可以把一堆数据攒到一起更新
  3. 有时候数据量很大,建议配合 computed,每次只渲染有限个数的 DOM,利用翻页节省资源
  4. 减少 DOM 的复杂度、减少样式的复杂度,事件侦听都通过事件代理

以上是 vue多线程 的全部内容, 来源链接: utcz.com/p/935494.html

回到顶部