From 413af6ca2c5da8cb5d6aca258949b0ee4d4b42ef Mon Sep 17 00:00:00 2001 From: "Valeriano A.R" Date: Wed, 27 May 2015 07:38:28 +0200 Subject: [PATCH] Chat: Fix rendering performance using DocumentFragments. --- Scrummer/Scripts/10. Chat.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/Scrummer/Scripts/10. Chat.js b/Scrummer/Scripts/10. Chat.js index 038a627..8edb3c2 100644 --- a/Scrummer/Scripts/10. Chat.js +++ b/Scrummer/Scripts/10. Chat.js @@ -32,15 +32,17 @@ recvMsgs = JSON.parse(responseText); if (recvMsgs) { var idMessage = parseInt(hidIDMessage.value); + var frag = document.createDocumentFragment(); for (var i = 0, n = recvMsgs.length; i < n; i++) { var msg = recvMsgs[i]; if (idMessage < msg.IDMessage) { hidIDMessage.value = msg.IDMessage; idMessage = msg.IDMessage; var elemMessage = CreateMessageDOM(msg); - divContainer.appendChild(elemMessage); + frag.appendChild(elemMessage); } } + divContainer.appendChild(frag); divContainer.scrollTop = divContainer.scrollHeight; }