2012-06-29 7 views
1

네이티브 js 및 jquery 이벤트 처리기가 모두 주어진다면 메모리 소비/성능 관점에서 선택해야합니까? 이 html 코드, 간단한 버튼이 있다고 가정 해보십시오.jquery 또는 js 이벤트 핸들러?

<button id="herp">derp</button> 

herp.onclick = function() 
{ 
    alert('hey'); 
} 

더 이상

$("#herp").click(function() 
{ 
    alert('hey'); 
}); 

수 있을까요?

답변

3
이되는 악 조기 마이크로 최적화에도 불구하고

-

  1. jQuery를 브라우저 호환성 문제를 정상화하는 것은 매우 크게 기본 이벤트를 래핑, 그래서 항상 (약간) 느린

  2. DOM3 스타일 addEventListener이 있어야 할 것 DOM0 .onxxx을 선호하지만 내가 아는 성능이나 메모리가 아닐 경우

+0

onclick, onkeypress 등과 호환되지 않는 브라우저는 무엇입니까? jquery 이벤트 핸들러를 사용할 때 다른 이점이 있습니까? – 7ch5

+0

@ 7ch5 모든 브라우저는'.onXXX'를 지원하지만'.onXXX'로 할 수없는 (기본)'addEventListener'로 할 수있는 일이 있습니다. – Alnitak

1

차이점을 분석하십시오. 당신이 한 번만하고 다름을 말할 수 없다면 그것은 중요하지 않습니다.

1 백만 번하면 속도와 메모리 소비의 차이를 확인하고 결정하십시오.

조숙 한 최적화를 피하십시오.

0

페이지에 다른 이유로 jQuery가 이미 포함 된 경우 하나의 이벤트 핸들러를 추가해도 메모리 소비/성능에 큰 차이가 없습니다.

다른 한편, 다른 이유로 페이지가 jQuery를 필요로하지 않으면 jQuery가없는 페이지는 더 작거나 빠릅니다.