行业知识
关于websocket数据过多造成浏览器卡顿问题
2026-10-20 07:26:14
来源:互联网转载
问题:
websocket发送大量数据并不会造成卡顿 , 如果不停的 渲染页面 , 那可能会造成浏览器卡顿
解决:
给页面设置展示数据行数,限制页面渲染内容
如果推送数据大于展示行数(比如100行),截取最新的100条数据展示
如果推送数据小于展示行数,那么当前的数据渲染即可
onmessage(event) { this.datalog("MESSAGE: " + event.data); }, datalog(msg) { var log = document.getElementById("log"); log.scrollTop = log.scrollHeight; this.messageArr.push(msg) if(this.messageArr.length > this.Form.showline){ this.messageArr = this.messageArr.slice(Number(-this.Form.showline)) } }, - {{item}}
btw. 数据从末尾截取 arr.slice(-100)
上一篇:服务器怎么分割为多个?
下一篇:怎么用友启动服务器?