Ember.js:无需重新下载即可重新排序图像数组

时间:2013-12-13 19:20:09

标签: javascript ember.js

我是Ember的新手。我的第一个玩具项目是一个自行车旋转木马。

我正在使用ArrayController管理图片,并定期旋转基础数组:http://jsbin.com/ePexEwom/14/edit?html,js,output

我的问题是:每次轮换发生时(第一张图像移动到最后),我的浏览器会重新下载缓慢而沉重的图像。

这让我觉得我应该只是重新排序视图中的DOM元素,而不是控制器内容中的对象,但不确定最好的方法......

任何想法都赞赏!

更新:我无法控制托管网站,因此发送带有图片的缓存标头无法正常工作。

2 个答案:

答案 0 :(得分:0)

处理此问题的最佳方法是在图像上设置缓存到期时间。 IE和FF都不会发送其他请求,但Chrome认为由于没有缓存值,您每次都可能需要最新和最好的请求。

No caching of dynamically loaded images in Google Chrome

Cache Expiration On Static Images

答案 1 :(得分:0)

创建自定义效果很好:http://jsbin.com/ePexEwom/16/edit?html,js,output

逻辑似乎也很清晰,因为图片的排序没有以有意义的方式改变 - 它只是需要改变的表示层。