티스토리 뷰

everything

[컴][web] javascript jQuery

koosal 2011. 2. 1. 14:40
jQeury 를 사용하면서 알아두면 유용할 25tip 을 제공한다.

간단히 몇가지를 소개하면 아래와 같다.

4.
Firebug 를 이용한 code 시간측정
console.time('create list')
<code>
console.timeEnd('create list')

6.
DOM manipulation 을 최소화해라.

------------------------------------------------
var myList = $('#myList');  
  
for (i=0; i<1000; i++){  
    myList.append('This is list item ' + i);  
}  
------------------------------------------------
var myList = $('.myList');  
var myListItems = '';  
  
for (i = 0; i < 1000; i++) {  
    myListItems += '<li>This is list item ' + i + '</li>';  
}  
  
myList.html(myListItems); 
------------------------------------------------

7.
DOM insertion 을 할때는 모든 것은 하나의 element 안에 둬라.
예를 들자면 위와 같이 <li> 를 여러개 append 하려 할때도 
<li> 를 묶는 <ul></ul> 같은 tag를 상위에 하나 더 두어서 묶으면 속도가 좋아진다.


8.
class 보단 id 가 빠르다.

23.
java script 가 활성화 될 때만 숨기고 싶은 것들, 또는 javascript 가 동작하지 않을때는 보여주고 싶은것들을 처리할 때 아래 코드를 <head> 에 넣고, javascript 가 활성화 될때만 보여주지 않으려 하는 element 의 id 를 flash 로 놓는다.

<style type="text/css">
.js #flash {display: none;}
</style>
<script type="text/javascript">
document.getElementsByTagName('html')[0].className = 'js'
</script>

저작자표시
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함