![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
wrkd35
GitHub:https://github.com/wrkd35
展开
-
解决echarts图表造成浏览器内存泄漏问题
问题重现:公司做的是监控系统大屏,所以需要相对实时的数据,需要前端不断轮询后台数据,所以时间久了造成浏览器崩溃。排查了好几天的问题,发现是用到echarts的模块占用的内存不断上升。错误的原因:每次轮询后都创建了一个新的对象 定时器滥用,造成每次都创建一个对象解决办法: 定时器写法,在每次setInterval()里都先clearInterval()销毁 var times = setInterval(function() { clearInterval(timers); //.原创 2020-06-12 13:47:50 · 6850 阅读 · 7 评论 -
解决后台服务重启后,前端webSocket断了的问题
后端服务器宕机或重启时,前端Vue 不断重连webSocket的解决办法:问题重现:后台服务重启时,前端连接的webScoket就断了,需要刷新页面才能重新建立连接,这样用户体验的效果不好,而且有些业务场景,比如硬件监控系统大屏这些是不允许刷新页面的,所以需要前端发现webSocket断了,然后自己不断去发起连接。解决思路:在webSocket的生命周期onclose和onerror时调用重连函数,增加心跳检测。解决方案:创建变量 data() { return { .原创 2020-06-12 11:34:48 · 3812 阅读 · 0 评论