监控大屏卡顿问题如何解决

64 阅读1分钟

现象描述:最近做了个监控大屏,发现长时间运行会出现页面动效卡顿问题。

问题相关代码片段:vue3+ts做的,用到vue3-lottie,vue3-particles,css3的一些动画,看代码提交记录,感觉是从修改时间校准、数字向上翻滚之后出现这个问题的。

我的初步解答思路:怀疑是5s定时获取后台接口数据,频繁操作dom元素引起的。本地一直没有复现,现在只能先把部署环境数字向上翻滚改为静态放置一段时间观察一下。

操作环境,软件版本:win10系统,i3处理器,4核

数字向上翻滚动画是参考这两篇文章实现的:

juejin.cn/post/725717…

juejin.cn/post/743086…