添加数组数据jQuery的正确方法

我正在用javascript数据库构建聊天应用程序。
这是一个实时和完美的工作在当地

在我将其部署到联机后，追加时间延迟了几毫秒
它就像

我想这是因为我在添加新添加的数据之前清除了“ul”

---

这是代码

$("#chatbox ul").html("");

$.each(messageArr, function(i,message){

            if(!message){
                return;
            }

            var myMsg = "<li class=me id="+message._id+"><p class=what>"+message.what+"</p><p>"+moment(message.when).fromNow()+"  by <strong>"+message.who+"</strong></p></li>";    

            var someoneMsg = "<li class=someone id="+message._id+"><p class=what>"+message.what+"</p><p>"+moment(message.when).fromNow()+"  by <strong>"+message.who+"</strong></p></li>";  

            if(isMe){
               $("#chatbox ul").append(myMsg);
            }else{
               $("#chatbox ul").append(someoneMsg);
            }

  })         

$（“#聊天室ul”）.html（“”）；
$.each（messageArr，function（i，message）{
如果（！消息）{
返回；
}
var myMsg=“
“+message.what+”
+moment（message.when）.fromNow（）+”by“+message.who+”
”；
var someoneMsg=“
“+message.what+”
“+moment（message.when）.fromNow（）+”by“+message.who+”
”；
如果（isMe）{
$（“#聊天室ul”）.append（myMsg）；
}否则{
$（“#聊天室ul”）.append（someoneMsg）；
}
})         

---

有没有合适的方法来循环和附加数组数据而不那样闪烁

$（“#btn1”）。单击（函数（）{
$("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
});

$("#btn2").click(function(){
    $("ol").append("<li>Appended item</li>");
});

$（“p”）。追加（“追加文本”）；
});
$（“#btn2”）。单击（函数（）{
$（“ol”）。附加（
附加项）；
});

我可以在提交事件时发送消息，它工作正常。我正在寻找一种更好的方法来循环和附加数据（而不是事件）。顺便说一句，谢谢。