呈現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

會有兩者之間沒有什麼區別。這是因爲在創建和渲染最終的容器面板之前，實際上沒有任何東西可見，要做到這一點，所有其他組件都必須首先實例化。在這兩種情況下，都必須發生。