나는 많이하고있다
element.css {
style1: val1
style2: val2
...
}
jQuery를 사용하고 있으며 지금은 성능 병목 현상입니다. jQuery의 구현을 살펴보면 각 스타일을 개별적으로 설정하여 스타일 속성을 여러 번 수정하는 것으로 보입니다.
아마도이 경우 스타일 속성을 한 번만 수정하면됩니다. 그러나 .css를 다시 구현하는 것을 조금 주저합니다. 이미 이것을 한 사람이 있습니까? 다시 구현하기로 결정하면주의해야 할 점이 있습니까?
설정 스타일의 가장 큰 성능 타격은 레이아웃을 폐기하는 것입니다. 이는 레이아웃에 영향을주는 속성 (예 : 너비)을 변경 한 다음 즉시 레이아웃에 대한 정보를 요청할 때 발생합니다. 그렇게하지 않으면 (예를 들어 변경 사항을 일괄 처리하여) 한 번에 하나의 속성을 설정하는 것과 전체 스타일 텍스트를 한 번에 설정하는 것은 거의 동일합니다. 렌더링 엔진이 그것에 대해 꽤 똑똑하기 때문입니다.
그래서 대신 :
$('.myItem').each(
$(this).css('width', $(this).css('width') + 10);
);
로 변경:
var widths = [];
$('.myItem').each(
widths.push($(this).css('width'));
);
$('.myItem').each(
$(this).css(widths.shift() + 10));
);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다