Префиксҳои таъминкунанда чӣ мебошанд?

Инҳо пешфарзҳои ғайри стандартӣ мебошанд, ки таҳиягарони браузерҳо барои илова кардани дастгирии хусусиятҳои нав ё таҷрибавии 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; /* Хусусияти стандартӣ */
}

Ҳоло, истифодаи пешфарзҳои таъминкунанда ба назар мерасад, ки ба шарофати татбиқи фаъолтарини хусусиятҳои нав дар ҳама браузерҳо, назар ба пештара кам шудааст. Аммо, онҳо метавонанд барои дастгирии версияҳои кӯҳнаи браузерҳо ё дар кор бо APIҳои таҷрибавӣ заруранд.

Барои автоматизатсияи идоракунии пешфарзҳои таъминкунанда, одатан PostCSS бо плагини Autoprefixer истифода мешавад.

// Намунаи конфигуратсияи PostCSS бо Autoprefixer
module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['охирин 2 версия', '> 1%'] // Браузерҳои дастгиришаванда
    })
  ]
};

Autoprefixer CSS-ро таҳлил мекунад ва пешфарзҳои заруриро бар асоси танзимоти мувофиқати бо браузерҳо илова мекунад. Ин рушди барномасозиро содда мекунад ва хатогиҳои эҳтимолиро, ки бо илова кардан ва идоракунии дастӣ пешфарзҳо алоқаманданд, кам мекунад.