前端实时显示服务端日志,怎么提高渲染效率

发布于 2022-09-05 07:37:45 字数 206 浏览 10 评论 0

前端使用angular4框架,通过websocket获取服务端实时日志,放到component的字符串数组中,通过ngFor渲染出来,但是十几秒以后浏览器cpu占用就会100%,页面卡死。

目前已经尝试过:
1.当这个字符串数组达到一千行以后,每插入一条,就删除一条。(行不通,卡死)
2.不用字符串数组,直接拼接字符串。(卡死得更快)

有什么好的思路吗

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

雨后咖啡店 2022-09-12 07:37:46

数据在展示出来,经过了数据的便利,html片段的构建,然后是浏览器解析和回流和重绘。可以把数据的便利和html的构建放在服务端,利用服务端减轻客户端的压力,即服务端渲染

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文