답변 3개
채택된 답변
+20 포인트
보여지는 데이터부터 순차적으로 생성하시거나 가상 dom를 활용한 추가 방법이 있습니다.
Copy
/*가상 dom에 추가함*/
var vdom = $(document.createDocumentFragment());
var dom = $('#test');
['1','2','3','4'].forEach(function(item) {
vdom.append('<div>' + item + '</sdiv>');
});
/*추가한 내역을 실제 엘리먼트에 추가*/
dom.append(vdom);위와 같이 실행하면 200번 그릴것을 한번 그리기 때문에 눈에 띄는 개선을 할 수 있습니다.
답변을 작성하려면 로그인이 필요합니다.