Ember Image Views性能提示?

时间:2012-03-12 17:51:25

标签: performance ember.js

有没有人可以指出一个策略来显示余烬图像视图而不会延迟绘制渲染图像?

我发现自己处于这样的情况,我的所有应用视图都立即被绘制,除了需要很短时间才能显示的图像视图,然后它们同时出现。

此行为最初仅在移动浏览器中识别。

想知道在ember级别是否有事情要做/调整,目前正在测试访问本地图像的phonegap-mobile设备。

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您希望同时显示所有视图(图像和非图像视图)。

您可以使用jQuery load() event来检测视图何时完全加载。我假设您有一个父视图App.MainView,它包含您的所有视图和相关模板templateName: 'app/templates/layouts/main'。您最初设置父视图不显示,并在didInsertElement中使用jQuery load在父视图和所有子视图完全加载时显示它:

<!-- 'app/templates/layouts/main' -->

<div class="toggle" style="display:none">

   <!-- all child views go here -->

</div>

...

App.MainView = Ember.View.extend({
  templateName: 'app/templates/layouts/main',

  didInsertElement: function(){
    this.$().load( function(el){
       $(el).find('.toggle').show();
    });
  }
});