Ember.js：重新排序图像数组而无需重新下载答案

【问题标题】：Ember.js: re-order an array of images without re-downloadingEmber.js：重新排序图像数组而无需重新下载
【发布时间】：2013-12-14 05:24:18
【问题描述】：

我是 Ember 的新手。我的第一个玩具项目是图片循环轮播。

我使用ArrayController 来管理图像，并定期旋转底层数组：http://jsbin.com/ePexEwom/14/edit?html,js,output

我的问题是：每次发生旋转（第一张图片移动到最后）时，我的浏览器都会重新下载缓慢而沉重的图片。

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

任何想法表示赞赏！

更新：我无法控制托管站点，因此恐怕无法发送带有图片的缓存标头。

【问题讨论】：

【解决方案1】：

处理此问题的最佳方法是在图像上设置缓存过期时间。 IE 和 FF 都不会发送额外的请求，但 Chrome 认为您可能每次都想要最新和最好的，因为没有缓存值。

【讨论】：

【解决方案2】：

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

逻辑上看起来也很干净，因为图片的顺序并没有以有意义的方式改变 - 它只是需要改变的表示层。

【讨论】：