Adakah jquery dan zepto sama?

jquery dan zepto adalah berbeza. Walaupun kedua-duanya adalah perpustakaan JavaScript, terdapat perbezaan: 1. Apabila operasi Dom menambah id, jquery tidak akan berkuat kuasa, tetapi Zepto akan berkuat kuasa 2. jquery tidak akan melaksanakan fungsi pemprosesan acara beban, manakala zepto akan melaksanakan; fungsi pemprosesan peristiwa beban.

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Adakah jquery dan zepto sama?

jquery dan zepto adalah berbeza

jquery:

jQuery ialah perpustakaan JavaScript yang ringkas dan pantas yang boleh digunakan untuk memudahkan pengendalian acara, traversal dokumen HTML, interaksi Ajax dan animasi untuk pembangunan tapak web yang pantas. jQuery memudahkan penskripan sisi klien bagi HTML, dengan itu memudahkan pembangunan aplikasi Web 2.0.

Tujuan reka bentuk jQuery ialah "kurang tulis, buat lebih", yang bermaksud kurang menulis kod dan melakukan lebih banyak perkara. Ia merangkum kod fungsi yang biasa digunakan dalam JavaScript, menyediakan corak reka bentuk JavaScript yang mudah, dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.

zepto:

Zepto ialah perpustakaan JavaScript ringan yang dilancarkan khas untuk penyemak imbas telefon pintar moden Saiz failnya Hanya kira-kira 10K, serasi dengan lanjutan moden pelayar, terutamanya digunakan untuk pembangunan mudah alih, ia mempunyai API yang serupa dengan jQuery. Seperti yang dikatakan laman web rasmi zepto, jika anda boleh menggunakan jQuery, maka anda juga akan menggunakan zepto.

Mata yang sama:

Zepto pada asalnya adalah perpustakaan yang dibangunkan untuk mudah alih dan merupakan alternatif ringan kepada jQuery kerana APInya Serupa dengan jQuery, tetapi saiz fail lebih kecil.

Kelebihan terbesar Zepto ialah saiz failnya, iaitu hanya melebihi 8k. Ia adalah yang terkecil di antara perpustakaan yang berfungsi sepenuhnya pada masa ini Walaupun ia tidak besar, alat yang disediakan oleh Zepto adalah mencukupi untuk memenuhi keperluan daripada membangunkan program.

Zepto mempunyai kebanyakan API dan kaedah yang biasa digunakan dalam jQuery, dan terdapat beberapa dalam Zepto yang tidak ditemui dalam jQuery.

Selain itu, kerana kebanyakan API Zepto serasi dengan jQuery, ia amat mudah digunakan Jika anda biasa dengan jQuery, anda boleh menguasai Zepto dengan mudah.

Anda boleh menggunakan semula banyak kaedah dalam jQuery dengan cara yang sama, dan anda juga boleh menyusun kaedah bersama-sama untuk mendapatkan kod yang lebih ringkas, tanpa melihat dokumentasinya.

Perbezaan:

1 IE sokongan pelayar

Untuk program mudah alih , Zepto mempunyai beberapa. peristiwa sentuhan asas yang boleh digunakan untuk interaksi skrin sentuh (peristiwa ketik, acara leret Zepto tidak menyokong penyemak imbas IE Ini bukan kerana pembangun Zepto, Thomas Fucks keliru tentang masalah penyemak imbas, tetapi Ia adalah keputusan yang dibuat selepas berhati-hati. pertimbangan untuk mengurangkan saiz fail, sama seperti pasukan jQuery tidak lagi menyokong versi lama IE (6 7 8) dalam versi 2.0.

Oleh kerana Zepto menggunakan sintaks jQuery, ia mengesyorkan menggunakan jQuery sebagai perpustakaan sandaran pada IE dalam dokumentasinya. Dengan cara itu program masih boleh dijalankan dalam IE, dan pelayar lain boleh menikmati kelebihan saiz fail Zepto Walau bagaimanapun, API kedua-duanya tidak serasi sepenuhnya, jadi berhati-hati dan lakukan penyelidikan yang mencukupi apabila menggunakan kaedah ini.

2 Perbezaan antara operasi Dom: jQuery tidak akan berkuat kuasa apabila menambahkan id, tetapi Zepto akan.

Id pada ul operasi jQuery tidak akan ditambahkan.

(function($) {
  $(function() {
    var $list = $(&#39;<ul><li>jQuery 插入</li></ul>&#39;, {
      id: &#39;insert-by-jquery&#39;
    });
    $list.appendTo($(&#39;body&#39;));
  });})(window.jQuery);
Zepto 可以在 ul 上添加 id。
Zepto(function($) {
  var $list = $(&#39;<ul><li>Zepto 插入</li></ul>&#39;, {
    id: &#39;insert-by-zepto&#39;
  });
  $list.appendTo($(&#39;body&#39;));
});

3. Perbezaan dalam pencetus peristiwa:

Fungsi pengendali acara beban tidak akan dilaksanakan apabila menggunakan jquery; 🎜>Gunakan Fungsi pengendali acara beban semasa zepto akan melaksanakan

(function($) {
    $(function() {    
        $script = $(&#39;<script />&#39;, {
            src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
            id: &#39;ui-jquery&#39;
        });
        $script.appendTo($(&#39;body&#39;));
        $script.on(&#39;load&#39;, function() {
            console.log(&#39;jQ script loaded&#39;);
        });
    });})(window.jQuery);

4 Perbezaan antara lebar() dan tinggi():

Zepto(function($) {  
    $script = $(&#39;<script />&#39;, {
        src: &#39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&#39;,
        id: &#39;ui-zepto&#39;
    });
    $script.appendTo($(&#39;body&#39;));
    $script.on(&#39;load&#39;, function() {
        console.log(&#39;zepto script loaded&#39;);
    });});

Zepto oleh. model kotak (box-sizing ) keputusan, gunakan .width() untuk mengembalikan lebar yang ditetapkan, dan gunakan .css('width') untuk mengembalikan hasil penambahan sempadan, dsb. jQuery akan mengabaikan model kotak dan sentiasa mengembalikannya lebar/tinggi kawasan kandungan (tidak termasuk pelapik dan sempadan).

5. Perbezaan antara offset():

Zepto mengembalikan {atas, kiri, lebar, tinggi};

6 Zepto tidak boleh mendapatkan lebar dan ketinggian elemen tersembunyi, tetapi jQuery boleh.

7 Zepto tidak mentakrifkan kaedah lanjutan untuk prototaip tetapi jQuery melakukannya.

8. Setiap kaedah Zepto hanya boleh merentasi tatasusunan, bukan objek JSON.

Tutorial video berkaitan yang disyorkan: tutorial video jQuery

Atas ialah kandungan terperinci Adakah jquery dan zepto sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!