Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.07.2014, 09:09
Профессор
Отправить личное сообщение для Brook Посмотреть профиль Найти все сообщения от Brook
 
Регистрация: 13.04.2012
Сообщений: 210

быстрая отрисовка элементов JS (DOM)
Доброго времени суток,
Недавно задумался об ускорение отрисовки DOM элементов.

Для примера:
при нажатии кнопки надо отрисовать блок (div) с 10 блоками (div), каждый блок имеет внутри еще по 2 элемента (div OR input OR img)

Как делал:
.. раньше просто брал чистый html и выводил (1000 символов за раз)
.append('<div cl....</div>')
.. сейчас создаю переменные для повторяющихся частей кода потом все склеиваю и вывожу (650 символов за раз)
var A = '<div ', B = '</div>';
... .append([A,'class=.....',B].join(''))

Это позволило отрисовывать в разы быстрее:
в первом случае 450-700мс на 10 повторений
во втором 50-130мс на 10 повторений

Вопрос: КАКИМИ СПОСОБАМИ ЕЩЕ МОЖНО УСКОРИТЬ ВЫВОД ПРИ ЭТОМ СЭКОНОМИВ СИМВОЛЫ

Заранее сасибо
Ответить с цитированием
  #2 (permalink)  
Старый 18.07.2014, 00:01
Аватар для ixth
Профессор
Отправить личное сообщение для ixth Посмотреть профиль Найти все сообщения от ixth
 
Регистрация: 19.01.2010
Сообщений: 354

Тесткейс или не было!
В обоих случаях в append передается строка, которая, пройдя ряд проверок, преобразовывается в html. Мне кажется, это самая тяжелая часть.
Ответить с цитированием
  #3 (permalink)  
Старый 18.07.2014, 00:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Brook,
ixth,
http://learn.javascript.ru/multi-insert
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS, RDFa, DOM, XML - Help! О_о Djumpen Общие вопросы Javascript 5 18.11.2010 19:37
DOM, определение стиля элементов Maximor17 Общие вопросы Javascript 3 04.11.2010 16:24
JQuery и JS - динамичность элементов MCTrane jQuery 1 26.10.2010 21:41
Iframe dom JS Hexley12 Events/DOM/Window 3 29.08.2009 19:20
Почему не работает JS с подгруженными в DOM элементами? V-z-z-HobboT jQuery 6 30.03.2009 14:02