«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как я могу упростить префикс поставщика JavaScript CSS?

Как я могу упростить префикс поставщика JavaScript CSS?

Опубликовано в 2025-02-17
Просматривать:429

How Can I Simplify JavaScript CSS Vendor Prefixing?

префикс поставщика с помощью javascript

элементы стиля с CSS с использованием JavaScript могут быть утомительными, особенно при работе с префиксами поставщика. Традиционный подход включает в себя вручную настройку каждого префикс -свойства, как видно в блоке кода:

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

упрощенное решение

] Чтобы упростить этот процесс, можно создать пользовательскую функцию:

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;
}

Эта функция принимает три параметра: элемент в стиль, свойство для установки и желаемое значение. Он итерации через поддерживаемые префиксы и устанавливает соответствующие стили. ] setVendor (elem, "transform", transform);

] Эта единственная строка кода эффективно применяет стиль преобразования со всеми необходимыми префиксами поставщика, делая стили на бризе. [&&?

Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3