Добавление списка представлений в позвоночнике правильно

Question

В настоящее время, когда я вставляю список представлений в позвоночнике я:

var jqGuestList = $("#guestList"); 
    jqGuestList.empty(); 

    items.each(function(item){ 
     var view = new wedapp.view.GuestItem({ 
      model: item, 
      collection: this.collection 
     }); 

     jqGuestList.append(view.render().el); 
    }); 

Это, однако, вызывает мой большую боль, добавляя каждый вручную к DOM является медленным как черт, особенно на мобильных устройствах, но даже на рабочем столе.

Есть ли способ вставить все виды в один jqGuestList.html (views) вместо этого?

Answer 1

Вы можете использовать документ Фрагмент http://ejohn.org/blog/dom-documentfragments/

var jqGuestList = $("#guestList"); 
jqGuestList.empty(); 

var frag = document.createDocumentFragment(); 
items.each(function(item) { 
    var view=new wedapp.view.GuestItem({model:item}); 
    frag.appendChild(view.render().el); 
}); 

jqGuestList.append(frag); 

Вы должны увидеть некоторое улучшение.