渲染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

两者之间没有区别。这是因为在创建和呈现最终容器面板之前，实际上什么都不可见，为此，所有其他组件必须首先实例化。在这两种情况下，都必须发生这种情况。