(javascript/function) jquery html 최적화

jQuery html 최적화 입니다.

보통 ajax로 데이터를 받아와 html을 만들어 뿌려줄때는 하나의 문자열에 무조건 append 하여 최종적으로 원하는 엘리먼트에 데이터를 넣는 방식을 사용하는데요. 대량의 데이터를 담을때는 문자열로 하는 것보다 그 값을 배열에 담아서 그 배열을 join 으로 붙혀 최종 엘리먼트에 넣는게 더 빠르다고 합니다.

뭐 미세하지만.. 데이터량이 많아 질수록 유리 할 거 같아 전 그냥 매일 이 방식을 선택하여 사용 합니다.

 

소스 예제를 보여 드리겠습니다.

     var html = [], h = -1;

     for( var i = 0; i < 10000; i++ ){
          html[++h] = "
 
";
          html[++h] = "아이유";
          html[++h] = " 
";
          html[++h] = "이순신";
          html[++h] = "
";
     }

     $("p").html(html.join(''));