Sekeping js yang sangat mudah untuk menentukan kemahiran core_javascript penyemak imbas

Semua orang masih harus ingat cara menulis gaya sebaris JavaScript, bukan? (Nampaknya saya bercakap bukan-bukan!)

Semasa proses pembangunan bahagian hadapan, kadangkala kita perlu menentukan awalan kernel penyemak imbas dan mengendalikan penyemak imbas yang berbeza secara berbeza, supaya kita boleh melakukan ini.

　alert(element.style.webkitTransition); Ini adalah untuk mendapatkan nilai peralihan yang diawali oleh webkit. Tetapi jika penyemak imbas tidak diawali dengan webkit, undefined akan dikembalikan. Kita boleh menghitung semua awalan kernel, dan kemudian mendapatkan nilai salah satu CSSnya untuk membuat pertimbangan. Kodnya adalah seperti berikut:

function getVendorPrefix() {
  // 使用body是为了避免在还需要传入元素
  var body = document.body || document.documentElement,
    style = body.style,
    vendor = ['webkit', 'khtml', 'moz', 'ms', 'o'],
    i = 0;

  while (i < vendor.length) {
    // 此处进行判断是否有对应的内核前缀
    if (typeof style[vendor[i] + 'Transition'] === 'string') {
      return vendor[i];
    }
    i++;
  }
}

Kemudian anda hanya perlu memanggil getVendorPrefix() untuk mengetahui awalan kernel penyemak imbas Jika undefined dikembalikan, ia membuktikan bahawa penyemak imbas tidak menyokong atribut CSS3, iaitu, tiada awalan kernel.

Semua orang harus tahu bahawa apabila kita menulis kod, kita boleh menulis CSS dan bukannya JavaScript Lagipun, prestasi CSS akan lebih tinggi daripada menulis JS sendiri Oleh itu, kita akan menggunakan peralihan dalam membangunkan beberapa aplikasi praktikal contoh, untuk karusel imej mudah, kita boleh menggunakan peralihan CSS3, animasi jQuery, atau menulis kod asli sendiri, tetapi prestasi CSS3 pasti akan lebih tinggi, jadi kita boleh menulis dua set kod Untuk pelayar yang menyokong CSS3 Jika ia tidak disokong, gunakan animasi, dan jika ia tidak disokong, gunakan pemasa atau animasi. Dengan cara ini, pengalaman pengguna yang lebih baik boleh diperolehi.

Di atas adalah pengalaman pemalam jquery.slides.js Jika ada kaedah yang lebih baik, sila maklumkan kepada pengarang.