html - 使用 JavaScript 重新渲染时阻止 img 标签闪烁

Question

我们的网络应用程序完全使用 JS 构建。
为了让它更快速，我们在页面 View 之间缓存资源(模型)并在您查看页面时重新加载资源。

我们的流程是这样的:

1. 用户在ViewA中
2. 用户切换到ViewB
3. 我们使用缓存的资源来渲染ViewB
4. 我们开始获取资源
5. 获取资源后我们再次渲染

这有一个令人讨厌的缺点，即导致 <img>标签闪烁，即使它们相同。
问题是 Backbone.js ，我们使用的，不会告诉我们在获取集合时是否有任何变化，只是它被获取了。

这是我的意思的快速演示:http://jsfiddle.net/p7DdG/
它只发生在 webkit 和 <img>标签，而不是如您所见的背景图片。

我们认为使用 background-image 有点难看而不是适当的 img标签。

有什么解决办法吗？

Answer 1

问题在 Chrome 19 中消失了，问题解决了:)