Вендор алгачкы сөздөрү эмнелер?

Бул стандартка кирбеген алдын ала белгилер, браузерлердин иштеп чыгуучулары жаңы же эксперименталдык CSS өзгөчөлүктөрүн расмий бекитүүдөн жана стандарттарга киргизүүдөн мурун кошуу үчүн колдонушат. Алар вебте жаңы мүмкүнчүлүктөрдү акырындык менен киргизүүгө мүмкүндүк берет, бирок сак болуу керек.

Негизги алдын ала белгилер:

• -webkit-: Chrome, Safari, Opera (кей бир версиялар), көпчүлүк мобилдик браузерлер (Android жана iOS кирет).
• -moz-: Firefox.
• -ms-: Internet Explorer, Edge (кей бир версиялар).
• -o-: Opera (эски версиялар).

Жеткизүүчү алдын ала белгилерди колдонууда жазуу тартибин сактоо маанилүү: биринчи алдын ала белгилер, андан кийин стандарттык өзгөчөлүк. Бул браузерлер стандарттык өзгөчөлүктү колдоого алганда, ал алдын ала белгилерди жоготуп коюуга кепилдик берет.

.element {
  -webkit-border-radius: 10px; /* Safari версиялары 5 жана андан эскирээк */
  -moz-border-radius: 10px; /* Firefox версиялары 4 жана андан эскирээк */
  border-radius: 10px; /* Стандарттык өзгөчөлүк */
}

Учурда, бардык браузерлер тарабынан жаңы CSS өзгөчөлүктөрүнүн көбүрөөк кабыл алынышынын аркасында, жеткизүүчү алдын ала белгилердин колдонулушу кыйла азайды. Бирок, эски браузерлердин версияларын колдоо үчүн же эксперименталдык APIлер менен иштөөдө керек болушу мүмкүн.

Жеткизүүчү алдын ала белгилерди автоматташтыруу үчүн көбүнчө PostCSS менен Autoprefixer плагини колдонулат.

// PostCSS менен Autoprefixer конфигурациясынын мисалы
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['акыркы 2 версия', '> 1%'] // Колдоо көрсөтүлгөн браузерлер
    })
  ]
};

Autoprefixer CSSти талдап, браузерлер менен шайкештикти камсыз кылуу үчүн зарыл алдын ала белгилерди кошот. Бул өнүктүрүүнү жеңилдетет жана алдын ала белгилерди кол менен кошуу жана башкаруу менен байланышкан каталардын мүмкүнчүлүгүн азайт.