dom - Sencha Touch轮播优化

Question

我正在尝试优化 Carousel 组件，并且我想在 DOM 中只有一个活动项目。只需在carousel的cardswitch事件中移除/添加组件即可轻松实现。但问题是我的组件在渲染之前从服务器加载了一些 ajax 信息，这需要时间，所以在每个 cardswitch 上重新渲染它们很慢。

是否有任何技术可以缓存创建的组件但同时不将它们添加到 DOM 中？

Answer 1

实际上，没有办法将项目保留在 DOM 之外然后将它们放回原处，所以我找到的唯一解决方案是在激活时重新创建项目。这实际上是 Sencha 建议的方式。

另一种有趣的技术是在 ST2 中实现的 Sencha。如果 carousel 有 100000 个项目，它实际上只在 DOM 事件中保留 3 个项目。检查 Chrome 中的 html。还没有仔细看过这个，但它很酷，性能很棒。