用于移动应用程序的Ember.js的最佳视图结构

Question

最近我一直在使用Sproutcore20和现在的Ember.JS构建手机应用程序。 这在我的iPhone（3GS）上效果很好，虽然它在很多Android设备上都很不稳定。

最简单的事情，比如从主菜单项切换，因此在不同的视图中加载感觉就像原生一样。

目前，它使用了在状态图中附加和删除的模板视图。每个主菜单项都有一个主状态，其中附加相应的视图（并在退出时删除）。

这个方法对我来说似乎是最优的，但它没有最佳功能，所以我想知道一种替代方法，如在负载（延迟）和可见性切换上附加所有视图是否会提高性能（1）？它会使DOM变大，从而使DOM上的操作变慢。

构建移动应用程序的最佳Ember.js代码结构是什么？构建移动设备时需要考虑哪些因素？（/ p>）

Answer 1

这实际上取决于您的申请。通常，限制DOM元素的数量和DOM更改的数量有助于提高性能。决定是否在DOM中保留元素并隐藏/显示它们，或者根据需要创建/销毁元素取决于应用程序的使用模式。如果您希望用户在视图之间来回快速移动，则隐藏/显示可能有意义。