Javascript 在DOM操作过程中html页面会发生很多抖动，如何处理？_Javascript_Html_Dom

Javascript 在DOM操作过程中html页面会发生很多抖动，如何处理？

javascript html dom

Javascript 在DOM操作过程中html页面会发生很多抖动，如何处理？,javascript,html,dom,Javascript,Html,Dom,我正在使用DOM根据后端JSON数据对页面进行操作，比如说，页面上的一些表可能有10-50行数据，在这段时间里，我看到页面抖动了很多，看起来对用户不好，有什么好办法处理这个问题吗演示效果的代码如下。。。我中间有一张桌子，大小不一……< 测试 window.onload=function（）{ 设置超时（createTable，3000）； } 函数createTable（）{ var table=document.createElement（“表”）；对于（变量i=0；i

我正在使用DOM根据后端JSON数据对页面进行操作，比如说，页面上的一些表可能有10-50行数据，在这段时间里，我看到页面抖动了很多，看起来对用户不好，有什么好办法处理这个问题吗

演示效果的代码如下。。。我中间有一张桌子，大小不一……< 测试

window.onload=function（）{
设置超时（createTable，3000）；
}
函数createTable（）{
var table=document.createElement（“表”）；
对于（变量i=0；i<10；++i）{
var tr=document.createElement（“tr”）；
var td=document.createElement（“td”）；
td.innerHTML=“行”+i；
tr.appendChild（td）；
表1.儿童（tr）；
}
document.getElementById（“tablewrapper”）.appendChild（表）；
}
你好
世界

通常你应该在上面放一个加载面罩，这样用户就看不到震动了

在大多数框架中，都有类似ExtJS或jQuery的实用功能，但您可以自己轻松地完成（只需在区域或整个页面上添加一个div，在代码完成时隐藏该div）。

通常，您应该在其上添加一个加载掩码，以便用户看不到抖动

在大多数框架中，都有类似ExtJS或jQuery的实用函数，但您可以自己轻松地完成（只需在区域或整个页面上添加一个div，在代码完成时隐藏该div）。

它真的是纯javascript吗？或者它将jquery与easing？结合使用？。它在所有浏览器（firefox、chrome等）中都会震动吗？你能显示代码的相关部分和演示页面吗？我添加了代码来演示效果，你能创建一个吗？我看不到任何震动-它真的是纯javascript吗？或者它将jquery与easing？结合使用？。它在所有浏览器（firefox、chrome等）中都会震动吗？你能显示代码的相关部分和演示页面吗？我添加了代码来演示效果，你能创建一个吗？我看不到任何震动-

window.onload = function(){
    setTimeout(createTable, 3000);
}


function createTable(){
    var table = document.createElement("table");
        for(var i = 0; i < 10; ++i){
        var tr = document.createElement("tr");
        var td = document.createElement("td");
        td.innerHTML = "row " + i;

        tr.appendChild(td);

        table.appendChild(tr);
        }

        document.getElementById("tablewrapper").appendChild(table);

}
</script>
</head>
<body>
    <div style="width:300px; background-color:blue;">
       hello
    </div>

    <div id="tablewrapper">
    </div>

    <div style="width:300px;background-color:red">
    world
    </div>

</body>