Ну, некоторые люди там говорят, что избегание манипуляций с DOM является ключом для ускорения работы JavaScript. Их понимание довольно искажено. На самом деле, манипулирование элементами действительно быстро, пока оно не добавлено в DOM. Нет необходимости откладывать замечательный prepend или добавлять jQuery API и делать некоторые трюки HTML, чтобы получить многообещающую производительность. Просто убедитесь, что вы манипулируете фрагментами элементов непосредственно перед их добавлением в DOM.
Эти два блока кода имеют тонкую разницу, что очень важно.
//adds element to DOM and *then* does the manipulation
$('<div />').appendTo(someElement).doSomeManipulation();
//manipulates the element fragment *before* adding to the DOM
$('<div />').doSomeManipulation().appendTo(someElement);Очень важно знать, когда элементы были добавлены в DOM, но помните, что нужно манипулировать ими после их размещения.
Вы можете сделать потрясающие изменения в производительности javascript, выполнив почти всю свою работу перед добавлением элементов в DOM. Просто измените порядок цепочек вызовов и увидите невероятные улучшения производительности JavaScript с помощью этой единственной техники.
В конце концов, это не является необходимым глобальным решением для всех проблем с JavaScript, связанных с производительностью. Может потребоваться некоторое время, когда вам действительно понадобится вставить элемент в DOM, прежде чем манипулировать им с помощью jQuery, но стоит попробовать, будет ли это работать с вашими приложениями.