【问题标题】:optimal view structure with Ember.js for a mobile applicationEmber.js 用于移动应用程序的最佳视图结构
【发布时间】:2012-01-05 13:02:45
【问题描述】:

最近我一直在使用 Sproutcore20 和现在的 Ember.JS 构建手机应用程序。 这在我的 iPhone (3GS) 上效果很好,虽然它在许多 Android 设备上会卡住。

最简单的事情,比如从主菜单项切换,因此在不同的视图中加载感觉几乎是原生的。

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

这种方法对我来说似乎是最优的,但它的功能并不是最优的,所以我想知道是否有一种替代方法,比如在加载时附加所有视图(延迟)和可见性切换会提高性能 (1​​)?它会使 DOM 变大,从而使 DOM 上的操作变慢。

构建移动应用程序的最佳 Ember.js 代码结构是什么?在为移动设备构建时需要考虑哪些因素(2)?

【问题讨论】:

  • 请一次只回答一个问题。
  • 第二个问题只是对第一个问题的答案的解释,完全相同的上下文和两次发布似乎没有用。
  • @ralf 如果您觉得它确实没用,请移开视线。如果你仔细阅读这个问题,你会看到这个问题的第二折。我将其解读为在使用 Ember.js 为移动设备构建时需要考虑哪些因素

标签: ember.js


【解决方案1】:

这真的取决于您的应用程序。一般来说,限制 DOM 元素的数量和 DOM 更改的数量有助于提高性能。决定是将元素留在 DOM 中并隐藏/显示它们,还是按需创建/销毁元素取决于应用程序的使用模式。如果您希望用户在视图之间快速来回移动,则隐藏/显示是有意义的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-22
    • 2011-07-20
    • 2015-10-03
    • 2015-12-31
    相关资源
    最近更新 更多