달력

02

« 2012/02 »

  •  
  •  
  •  
  • 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
  •  
  •  
  •  

'jQuery'에 해당되는 글 2

  1. 2010/02/04 jQuery 1.4 버젼업~!
  2. 2009/08/14 jQuery 성능 조정
2010/02/04 01:33

jQuery 1.4 버젼업~! jQuery2010/02/04 01:33

좀 지났지만 지난 1월 14일에 jQuery가 1.4버젼으로 업데이트 됐다.(1.3버전업이후 1년만이다...)
이번 버젼에서도 지난 1.3업데이트와 마찬가지로 퍼포먼스에 많은 발전이 있었고 몇가지 함수도 추가 되었다..
우선 속도면에서 지난 1.3버젼과 비교를 하자면 아래 그래프를 참고하자.

그래프로도 보듯이 속도가 많이 좋아졋다랄까..
또한 추가된 함수들도 꽤 있는데 평소에 필요했으면하는 함수가 추가되었다..(-_-;;)
쓸만한 메소드중 몇개를 소개하자면..

1.jQuery.parseJSON( json ) : 해당 함수는 1.4.1에 새로 추가된 함수로 기존에 ajax 모듈의 $.getJSON처럼 json 내용을 파싱을 해줘 사용편의를 제공해준다.
ex)    var obj = jQuery.parseJSON('{"name":"John"}');
         alert( obj.name === "John" );

2. delay( duration, [ queueName ] ) : 1.4에 추가된 함수로  내부적으로 setTimeout을 사용 일정시간 딜레이를 준다.

3. .first(), .last() : 기존에 Selectors에 있던 :first, :last를 Traversing로 함수를 뺀듯하며;; 하는일은 동일하게 해당 노드들중 가장 첫번째, 마지막 element를 반환한다.

그외 에도 focusin, focusout, has, toArray등 여러 함수들이 추가되었다. 자세한 추가 함수에 관한 설명은 [http://api.jquery.com/category/version/1.4/]를 참조하시면 되겟다~

그외 자세한 사항은 [http://jquery14.com/day-01/jquery-14] 참조하자.

'jQuery' 카테고리의 다른 글

jQuery 1.5 버젼 업데이트!~  (0) 2011/02/10
$.getJSON을 post 방식으로 사용하기.  (0) 2010/11/28
jQuery 1.4 버젼업~!  (0) 2010/02/04
AJAX & IE Caching Issues  (0) 2010/02/03
jQuery의 live() 함수.  (0) 2009/08/30
jQuery 성능 조정  (0) 2009/08/14
TAG jQuery
Posted by eqzero

댓글을 달아 주세요

2009/08/14 01:45

jQuery 성능 조정 jQuery2009/08/14 01:45

자주 들르는 [IBM developerworks]커뮤니티 사이트에 흥미로운 기사가 올라왔다.
jQuery의 성능향상을 위한 방법을 3가지 정도 제시한 기사인데 기존에는 그냥 아무 생각없이 써왔던 방식이
좋지 않은 방법인줄 알았다..;;..

1) 되도록이면 CLASS 대신 ID를 사용하여 검색한다.

#title을 검색하여 1밀리초 동안 1개의 항목이 검색된 결과를 보여 주는 테스트 샘플. .note를 검색한 경우에는 39밀리초 동안 14개의 항목이 검색되었다.
 
2) 최대한 많은 검색 정보를 제공한다.
div.example을 검색하여 2밀리초 동안 43개의 항목이 검색된 결과를 보여 주는 테스트. .note를 검색한 경우에는 39밀리초 동안 14개의 항목이 검색되었다.
 
3) 선택자 캐싱하기

우선 1,2번의 경우는 이미지를 보면 충분히 이해가 가리라 본다.
3번의 선택자 캐싱하기의 경우는 매 함수 호출때마다 초기화시켜서 변수를 비교하기 보다는
전역변수를 사용 처음에 메모리에 올려놓고 후에 비교하는것을 추천하고 잇다.

자세한 사항은 [매개체로서의 jQuery(2)]에서 확인해보시길..

참고로 이 기사에서 실제 속도를 체크한 테스트 페이지를 알려주는데 [slickspeed] 보면 스크립트 라이브러리중
가장 많이 사용하고 있다는 5대 라이브러리를 기준으로 속도를 체크하고있다..한번 흥미삼아 보는것도 좋을듯..
근데 좀 구버젼으로 체크를 한거라 실제 최신버젼과는 차이가 있을수 있다.

'jQuery' 카테고리의 다른 글

AJAX & IE Caching Issues  (0) 2010/02/03
jQuery의 live() 함수.  (0) 2009/08/30
jQuery 성능 조정  (0) 2009/08/14
jQuery $.getJSON 사용한 동적 SELECTBOX구현  (0) 2009/05/03
유용한 jQuery plugin  (0) 2009/04/03
Release:jQuery 1.3  (0) 2009/01/19
TAG jQuery
Posted by eqzero

댓글을 달아 주세요