渲染页面时发生了纸箱情况。
页面秒数从1-2-3秒-直接从1变为5
核心原因js单线程原因
每次通过每秒轮询请求接口来检索数据时,重新渲染页面是一种负担。
解决方案。
检查电视性能并取消轮询-页面可以顺利加载。
可以说明电视的性能。 只是数据实时变化引起的纸箱。
优化的本质是什么? 那是分类。 如果有,则为加载优先级。
位置固定右上角和各图位置固定减少位错
制作两个变量、一个flag和一个count
最初要求将接口的直接渲染设定为false
watch接收计数变量
初始渲染后获得的所有数据都保存在“saveList”中
全部渲染结束后开始渲染
(计数为4,所有图表组件都将在渲染后进行渲染。)
分割为各个组件
因为每个组件都是同步了seOption的操作dom
之后,使用setTimeout emit发射追加计数次数
watch接收后代入数据进行渲染,制作深拷贝
这样的话,右上的数字20s会实时变化,不会出现卡顿
用户看到的数据也会实时更新
当然,请求数据也可能一秒钟都没有被渲染。
但这无关——用户麻木不仁。 我完全不知道这个的详细情况
完美地实现
web-socket-需求不允许
你有什么更好的方案吗-寻求可靠的春天批评并指出来。
多多夸奖评论收藏关注。 谢谢您的聆听。