"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > JavaScript CSS 공급 업체 접두사를 단순화하려면 어떻게해야합니까?

JavaScript CSS 공급 업체 접두사를 단순화하려면 어떻게해야합니까?

2025-02-17에 게시되었습니다
검색:362

How Can I Simplify JavaScript CSS Vendor Prefixing?

간단한 솔루션

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

함수 setvendor (setvendor). 요소, 속성, 가치) { element.style

= 값; element.style

= 값; element.style
function setVendor(element, property, value) {
  element.style["webkit"   property] = value;
  element.style["moz"   property] = value;
  element.style["ms"   property] = value;
  element.style["o"   property] = value;
}
= 값; }

이 함수는 세 가지 매개 변수를 사용합니다. 지원되는 접두사를 통해 반복하고 적절한 스타일을 설정합니다.

사용법

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

위의 코드 블록은

How Can I Simplify JavaScript CSS Vendor Prefixing?
setvendor (elem, "transform", transform);

이 단일 코드 라인은 모든 필요한 공급 업체 접두사에 변환 스타일을 효과적으로 적용하여 스타일링을 산들 바람으로 만듭니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3