extjs与Ext.Create一起闪烁，如何避免？

当我刷新它时（使用Jetty/Chrome供参考），我看到以下代码：

你好，世界
你好

使用默认的css

然后一个延迟和“点击我”按钮出现，以及被引用的css。知道为什么吗？如您所见，myDiv被立即添加。如果我注释掉onDocumentReady块，那么页面会立即显示出来

我假设Ext按钮需要额外的js，但不管是什么原因，我想知道一种实现稳定页面刷新的好方法。我知道我可以把身体隐藏起来，然后在最后打开，但我想知道是否还有其他更好的方法

谢谢

---

你好，分机
你好，世界
var myDiv=Ext.DomHelper.append（Ext.getBody（），{tag:'div'，cls:'new div cls'，id:'new div id'，html:'Hello！！！'}）；
Ext.onDocumentReady（函数（）{
var button=Ext.create（'Ext.button'{
文本：“单击我”，
renderTo:Ext.getBody（），
处理程序：函数（）{
警报（“您单击了按钮！”）；
}
})
})

使用Ext.onReady代替Ext.onDocumentReady应该可以做到这一点，但大多数Ext应用程序在Ext写入所有内容时效果最好。Ext在加载JavaScript库时向整个文档添加样式

在标题标记下方，可以添加一个样式标记，在加载和应用Ext之前，该标记将阻止显示文本

在html标题中：

<title>Hello Ext</title>

<style>
    body {
        color: #fff;
    }
</style>

---

对我不起作用，显示Hello World，然后延迟，然后显示Hello！！！div和按钮。有时候当我刷新它是好的。我想知道这是不是码头问题？！我可能不得不离开，换成Tomcat之类的，看看是不是这样。有趣的是，我的DomHelper在onReady外面工作得很好，没有闪烁。如果我在onReady（或类似）之外尝试Ext.Create，我会得到一个“uncaughttypeerror:无法调用undefined的方法'createChild'”更新示例，其中有一个正文文本更改，这将有助于在正文首次显示到加载Ext并应用其样式时之间的闪烁。

<title>Hello Ext</title>

<style>
    body {
        color: #fff;
    }
</style>

Ext.onReady(function(){
    var myDiv = Ext.DomHelper.append(Ext.getBody(), {
         tag: 'div', 
         cls: 'new-div-cls', 
         id: 'new-div-id',
         html:'Hello!!!'
    });

    var button = Ext.create('Ext.Button', {
        text: 'Click me',
        renderTo: Ext.getBody()
    });

    button.on('click', function() {
        alert('You clicked the button!');
    });

})