呈现Sencha Touch 2应用程序的最快方法

Question

我正在构建Sencha Touch 2应用程序，我在想如何构建应用程序。我是否使用Ext.create单独创建对象，然后将该对象作为另一个对象的项目。或者我创建一个对象来设置属性并一次渲染所有内容。所以，问题是，什么是速度更快，这样的：

Ext.application({ 
    autosCreateViewport: true, 
    useLoadMask: true, 
    launch: function(){ 
     var titleBar = { 
      id: 'mainNavigationBar', 
      xtype : 'titlebar', 
      layout: 'hbox', 
      docked: 'top', 
      title : 'cSenchaTitleBar', 
      items:[] 
     }; 

     var panel ={html:"test",xtype:"panel"} 

     containerPanel = Ext.create('Ext.Container', { 
      id: 'appContgdfsainer', 
      xtype: "mainview", 
      fullscreen: true, 
      items: [titleBar, panel] 

     }); 
    }, 
}); 

或者这样：

Ext.application({ 
    autosCreateViewport: true, 
    useLoadMask: true, 
    launch: function(){ 
     var titleBar = Ext.create("Ext.TitleBar",{ 
      id: 'mainNavigationBar', 
      xtype : 'titlebar', 
      layout: 'hbox', 
      docked: 'top', 
      title : 'cSenchaTitleBar', 
      items:[] 
     }); 

     var panel = Ext.create("Ext.Panel",{html:"test"}); 

     containerPanel = Ext.create('Ext.Container', { 
      id: 'appContgdfsainer', 
      xtype: "mainview", 
      fullscreen: true, 
      items: [titleBar, panel] 

     }); 
    }, 
}); 

Answer 1

会有两者之间没有什么区别。这是因为在创建和渲染最终的容器面板之前，实际上没有任何东西可见，要做到这一点，所有其他组件都必须首先实例化。在这两种情况下，都必须发生。