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

标签 html css webkit web

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

我们的流程是这样的:

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

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

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

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

有什么解决办法吗?

最佳答案

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

关于html - 使用 JavaScript 重新渲染时阻止 img 标签闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9485648/

相关文章:

c# - 如何将从网站下载的数据转换为正确的编码?

ruby-on-rails - rails, rspec, capybara, webkit/selenium, devise, 在每次请求后注销

html - css 默认垂直对齐与内联 block

javascript - 我如何使用这个 JQuery 插件来移动对象的 X 个位置?

css - Bootstrap 容器中的内容高度为 100%

html - 预加载器完成后如何启动Bootstrap动画?

css - 跨浏览器的输入 css 渲染不一致

javascript - AngularJS ng-include on ng-click

html - 减少输入文本和底部边框之间的间距

javascript - Bootstrap/HTML 元素到 popover 数据内容 =""部分