Question

我正在试图弄清楚在使用Sencha Touch 2（速度方面）时最好使用什么。我已经发现，如果我通过Ext.create或{xtype:""}初始化屏幕上显示的组件，那几乎没有任何区别。但是，如果我将控件添加到像这样的容器中，我该如何：

containerPanel = Ext.create('Ext.Container', {
            id: 'appContgdfsainer',
            fullscreen: true,
            items: Ext.create('Ext.Button', {
                text: 'Button',
                listeners: {tap:function(){containerPanel.add(items)}}
            })

        });

请注意，这些项目是一个数组，其中包含使用{html:"test", xtype:"panel"};或Ext.create("Ext.Panel",{html:"test"});创建的1000个面板这给了我其他的结果，然后我期待。我期望Ext.create会更快，因为sencha只需添加已使用Ext.create函数创建的组件。我希望另一种可能性更慢，因为sencha首先必须创建这个对象才能添加它只有问题是，它不是。
当我使用Ext.create添加面板时，{html:"test", xtype:"panel"};加载面板的速度明显加快。

问题：
将面板添加到容器{html:"test", xtype:"panel"};时的速度比Ext.create

快得多

Answer 1

您如何确定faster？

我在jsperf.com上创建了一个快速测试 - 它表明使用Ext.create更快。

链接：http://jsperf.com/st2-xtype-vs-create

为什么Container使用带有对象的Array然后使用带有Sencha Touch对象的Array来更快地添加函数

1 个答案: