Welcome toVigges Developer Community-Open, Learning,Share
Ask a Question
Welcome To Ask or Share your Answers For Others

Categories

vue文字内容高频更新优化方案

0 votes
289 views
in Technique[技术] by (71.8m points)

vue文字内容高频更新优化方案

业务场景是一个服务器状态监控系统，需要通过websocket高频实时渲染页面，主要是文本内容更新，和DOM样式更新，所以因该是有很高频的重绘和回流。目前系统需要优化性能。
我能想到的优化方式是用input作为文本内容的容器，感觉这样不会重绘和回流？


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

样式更新，这不可避免的会触发重绘。
现在已经造成卡顿了吗？使用开发工具看看是哪里的卡顿，讲道理不应该是内容更新造成的。

其实可以考虑使用absolute+z-index来让内容有层级，只触发单个层级的重绘


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share

Just Browsing Browsing

2.1m questions

2.1m answers

63 comments

56.7k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...