Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Post an Article
Welcome To Ask or Share your Answers For Others

Categories

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

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

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

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


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

1 Reply

0 votes
by (71.8m points)

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

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


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界，一个免费开放的程序员编程交流平台！开放，进步，分享！让技术改变生活，让极客改变未来！ Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

1.4m articles

1.4m replys

5 comments

56.7k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...