0

Есть функция, которая вставляет сообщение в чат:

    var date = new Date(m.time);
    var username = $("<span class='username'>" + m.username + ": </span>");
    var text = $("<span class='text'>" + m.text + "</span>");
    var nameText = $("<td class='name_text'></td>");
    nameText.append(username);
    nameText.append(text);
    var time = $("<td class='time'>" + formatDate(date) + "</td>");
    var tr = $("<tr></tr>");
    tr.append(nameText);
    tr.append(time);
    var message = $("<table class='message'></table>");
    message.append(tr);

    var chat = $("#chat");
    chat.append(message);

Очевидно, что она достаточно "тяжёлая", тратит много ресурсов. Как по-другому вставить сообщение в чат? Возможно, иметь заранее созданный объект заготовку, чтобы копировать его и просто заменять текст? Или лучше будет генерировать всё это одной строкой типа

function getMessageHTML(m) {
    return "<table class='message'><tr><td class='text'>"+m.text+"</td></tr></table>";
}

?

1 ответ 1

0

Никто не может ответить? Ну и ладно, по традиции отвечу сам себе.

Вот отличная статья, которая советует делать вот так:

var arr = reallyLongArray;
var textToInsert = [];
var i = 0;
var length = arr.length;
for (var a = 0; a <length; a += 1) {
    textToInsert[i++]  = '<tr><td name="pieTD">';
    textToInsert[i++] = arr[a];
    textToInsert[i++] = '</td> </tr>' ;

}
$('table').append(textToInsert.join(''));

Вместо того, чтобы делать вот так:

var arr = reallyLongArray;
$.each(arr, function(count, item) {
    var newTd = $('<td></td>').html(item).attr('name','pieTD');
    var newTr = $('<tr></tr>');
    newTr.append(newTd);
    $('table').append(newTr);
});
1
  • вызовы textToInsert[i++] ... можно заменить на textToInsert.push('<tr><td name="pieTD">'); textToInsert.push(arr[a]); ...
    – Stack
    6 фев 2016 в 7:39

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.