vue多线程

Question

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

Answer 1

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

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

---

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

Answer 2

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

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