防止Dashing Widget的更新闪烁

时间:2017-11-13 16:24:53

标签: javascript dashing

我为我的Dashboard创建了许多需要定期更新的小部件。当他们这样做时,小部件项目闪烁一秒钟,我相信当仪表板部署在墙上的大型电视监视器上时会非常分散注意力。

我目前正在缓存正在发送的内容并将其与当前运行中获取的数据进行比较,以确保仅在数据发生更改时重新呈现窗口小部件,但是当更新确实获得时,窗口小部件仍会大量闪烁通过。

还有其他技术可以最大限度地减少我可以实现的闪烁吗?闪烁的可能原因是什么?只是渲染器花了一段时间使用一组新数据吗?

我试图使用咖啡脚本来隐藏闪烁,但我不确定要进入的方向。

1 个答案:

答案 0 :(得分:0)

您遇到的是每次从服务器发送更新事件时浏览器重新绘制元素。不幸的是,一些潇洒的小部件并没有考虑到开箱即用。但是,我可以为您提供列表小部件的示例解决方案。每次从服务器端进行更新时,原始列表小部件都会重绘完整列表。为了避免这种情况,需要提前创建列表元素并更新内联值,以便呈现窗口小部件而不会出现任何闪烁。

Here你可以立即检查解决方案,所以基本上你应该修改闪烁的小部件的coffeescript代码