반응형
JavaScript style.display =“none”또는 jQuery .hide ()가 더 효율적입니까?
document.getElementById("elementId").style.display="none"
요소를 숨기기 위해 JavaScript에서 사용됩니다. 하지만 jQuery에서는
$("#elementId").hide();
같은 목적으로 사용됩니다. 어느 쪽이 더 효율적입니까? 두 개의 jQuery 함수 .hide()
와 .css("display","none")
여기에 대한 비교를 보았습니다 .
하지만 내 문제는 순수 JavaScript가 jQuery보다 효율적인지 여부입니다.
효율성에 대한 이야기 :
document.getElementById( 'elemtId' ).style.display = 'none';
jQuery가 .show()
및 .hide()
메소드 로 수행하는 작업은 요소 의 마지막 상태 를 기억한다는 것 입니다. 때때로 유용 할 수 있지만 여기서는 중요하지 않은 효율성에 대해 질문했기 때문입니다.
99.999999 %의 상황에서 이와 같은 경우 효율성은 중요하지 않습니다. 읽고 유지하기 쉬운 것은 무엇이든하십시오.
내 앱에서는 일반적으로 클래스를 사용하여 숨기기 및 표시를 제공합니다. 예를 들어 .addClass('isHidden')/.removeClass('isHidden')
원하는 경우 CSS3로 애니메이션을 적용 할 수 있습니다. 더 많은 유연성을 제공합니다.
a = 2;
vs
a(2);
function a(nb) {
lot;
of = cross;
browser();
return handling(nb);
}
에서 당신의 의견, 당신은 어떻게 생각하십니까 가장 빠른 될 것입니다?
예.
네, 그렇습니다.
Vanilla JS 는 항상 더 효율적입니다.
반응형
'Nice programing' 카테고리의 다른 글
Regex를 사용하여 문자열에서 와일드 카드 (* ,? 등) 검색을 수행해야합니다. (0) | 2020.12.06 |
---|---|
android : configChanges =“orientation”은 조각에서 작동하지 않습니다. (0) | 2020.12.06 |
인덱스가있는 @each 루프 (0) | 2020.12.06 |
AngularJS 부분에서 새 줄을 어떻게 보존 할 수 있습니까? (0) | 2020.12.06 |
Visual Studio Code에서 셸 명령 프롬프트를 여는 방법은 무엇입니까? (0) | 2020.12.06 |