Maison  >  Article  >  interface Web  >  Jquery et zepto sont-ils identiques ?

Jquery et zepto sont-ils identiques ?

WBOY
WBOYoriginal
2022-04-15 11:02:302330parcourir

jquery et zepto sont différents. Bien que les deux soient des bibliothèques JavaScript, il existe des différences : 1. Lorsque l'opération Dom ajoute un identifiant, jquery ne prendra pas effet, mais Zepto prendra effet ; 2. jquery n'exécutera pas la fonction de traitement de l'événement de chargement, tandis que zepto s'exécutera ; la fonction de traitement de l'événement de chargement.

Jquery et zepto sont-ils identiques ?

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Jquery et zepto sont-ils identiques ?

jquery et zepto sont différents

jquery :

jQuery est une bibliothèque JavaScript simple et rapide qui peut être utilisée pour simplifier le traitement des événements, la traversée de documents HTML, Interactions et animations Ajax pour un développement rapide de sites Web. jQuery simplifie les scripts HTML côté client, simplifiant ainsi le développement d'applications Web 2.0.

L'objectif de conception de jQuery est "écrire moins, faire plus", ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes de fonction JavaScript courants, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.

zepto :

Zepto est une bibliothèque JavaScript légère spécialement lancée pour les navigateurs de smartphones modernes. Sa taille de fichier n'est que d'environ 10 Ko, compatible avec les navigateurs avancés modernes et principalement utilisée pour le développement mobile, qui possède une API similaire à. jQuery. Comme le dit le site officiel de zepto, si vous pouvez utiliser jQuery, vous utiliserez également zepto.

Mêmes points :

Zepto était à l'origine une bibliothèque développée pour les terminaux mobiles et constitue une alternative légère à jQuery car son API est similaire à jQuery et la taille du fichier est plus petite.

Le plus grand avantage de Zepto est sa taille de fichier, qui est d'un peu plus de 8 Ko. C'est la plus petite parmi les bibliothèques actuellement entièrement fonctionnelles. Bien qu'elle ne soit pas volumineuse, les outils fournis par Zepto sont suffisants pour répondre aux besoins du développement de programmes.

La plupart des API et méthodes couramment utilisées dans jQuery sont disponibles dans Zepto, et certaines dans Zepto ne se trouvent pas dans jQuery.

De plus, comme la plupart des API de Zepto sont compatibles avec jQuery, elles sont extrêmement simples à utiliser. Si vous êtes familier avec jQuery, vous pouvez facilement maîtriser Zepto.

Vous pouvez réutiliser de nombreuses méthodes dans jQuery de la même manière, et vous pouvez également enchaîner des méthodes pour obtenir un code plus concis, sans même consulter sa documentation.

Différences :

1. Prise en charge du navigateur IE

Pour les programmes mobiles, Zepto propose des événements tactiles de base qui peuvent être utilisés pour l'interaction avec l'écran tactile (événements de pression, événements de balayage), Zepto est un navigateur IE. non pris en charge. Ce n'est pas parce que le développeur de Zepto, Thomas Fucks, était confus au sujet du problème entre navigateurs, mais d'une décision prise après un examen attentif afin de réduire la taille du fichier, tout comme l'équipe jQuery dans la version 2.0 des anciennes versions d'IE (6, 7, 8) ne sont plus pris en charge.

Étant donné que Zepto utilise la syntaxe jQuery, il recommande d'utiliser jQuery comme bibliothèque de secours sur IE dans sa documentation. De cette façon, le programme peut toujours fonctionner dans IE et les autres navigateurs peuvent profiter de l'avantage de Zepto en matière de taille de fichier. Cependant, les API des deux ne sont pas entièrement compatibles, alors soyez prudent et effectuez des recherches suffisantes lorsque vous utilisez cette méthode de test.

2. La différence entre les opérations Dom : jQuery ne prendra pas effet lors de l'ajout d'un identifiant, mais Zepto le fera.

L'identifiant sur ul exploité par jQuery ne sera pas ajouté.

(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. La différence dans le déclenchement d'événements :

La fonction de gestionnaire de l'événement de chargement ne sera pas exécutée lors de l'utilisation de jquery

(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);

La fonction de gestionnaire de l'événement de chargement sera exécutée lors de l'utilisation de zepto

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

4, width() et height La différence entre ():

Zepto est déterminé par le modèle de boîte (box-sizing), utilisez .width() pour renvoyer la largeur assignée, utilisez .css('width') pour renvoyer le résultat de l'ajout d'une bordure, etc. ; jQuery ignorera le modèle de boîte, renvoie toujours la largeur/hauteur de la zone de contenu (à l'exclusion du remplissage et de la bordure).

5. La différence entre offset() :

Zepto renvoie {top, left, width, height} ; jQuery renvoie {width, height}.

6. Zepto ne peut pas obtenir la largeur et la hauteur des éléments cachés, mais jQuery le peut.

7. Zepto ne définit pas la méthode d'extension pour le prototype mais jQuery le fait.

8. Chaque méthode de Zepto ne peut parcourir que des tableaux, pas des objets JSON.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn