Qu'est-ce que jQuery
jQuery est un framework, plutôt un wrapper autour du javascript. jQuery est devenu extrêmement important sur le Web en raison de divers avantages comme il est extrêmement léger par rapport au javascript, facile à apprendre et à mettre en œuvre. Les pages jQuery se chargent très rapidement.
HTML, CSS, Javascript sont les technologies comprises par le Web. HTML est utilisé pour définir une mise en page, CSS pour le style des pages Web. Javascript est le langage de programmation du Web. Mise à jour de contenu, animations, interaction de pages web avec un utilisateur, tout cela, en fait, tout est contrôlé par javascript.
jQuery
Pourquoi ou quand devrions-nous rechercher des alternatives jQuery!
Supposons que vous n'ayez pas besoin de toutes les méthodes de l'API jQuery et que vous n'en ayez besoin que de quelques-unes, vous pouvez rechercher des alternatives. jQuery fait environ 250 Ko. Peut-être que si vous recherchez un fichier plus petit qui répond à tous vos besoins, vous voudrez rechercher des alternatives jQuery.
Liste des alternatives jQuery
Voici les différentes alternatives jQuery qui sont les suivantes:
Javascript:
Néanmoins, le javascript natif est l'une des meilleures alternatives jQuery, en fait, c'est le cadre de JS. Javascript est le meilleur car tous les navigateurs sont livrés avec javascript et vous n'avez pas besoin d'installer jQuery dans votre application. En outre, JS est l'une des meilleures alternatives lorsque vous avez dû faire face à de très anciens navigateurs qui ne recherchaient que certaines versions de jQuery. Le seul inconvénient de son utilisation est que la syntaxe n'est pas extrêmement conviviale comme le propose jQuery.
Exemple d'utilisation:
var element = document.getElementById ("media");
element.classList.add ("mon style");
En espèces:
Cash est un minuscule plugin (~ 10% de la taille de jQuery) qui prend en charge les navigateurs supérieurs à IE10 +. Sa syntaxe est similaire à jQuery. Il pourrait ne pas avoir toutes les fonctionnalités de jQuery, mais il a presque toutes les fonctionnalités de base importantes dont nous aurions besoin.
Exemple d'utilisation:
élément var = $ ("div");
$ (élément) .attr (attrName, attrValue)
UmbrellaJS:
UmbrellaJS est fortement influencé par jQuery et a peu de fonctionnalités supplémentaires et le fichier est également très petit par rapport au mobile. UmbrellaJS est pris en charge par les principaux navigateurs et IE11 +. Dans UmbrellaJS, vous pouvez utiliser des méthodes natives javascript sur les sélecteurs parapluie, contrairement à jQuery.
La syntaxe UmbrellaJS est similaire à celle de jQuery avec une différence d'utilisation de u au lieu de $
Exemple d'utilisation:
u («bouton»). on («clic», fonction () (
alerte («Bonjour tout le monde»);
));
Chibi JS:
ChibiJS est développé pour se débarrasser de la grande taille de jQuery. ChibiJS ne fait que 7 Ko environ et possède toutes les méthodes essentielles les plus utilisées. En ce qui concerne la prise en charge du navigateur, cela prend en charge tous les navigateurs modernes à anciens. Ce plugin ne fournit pas d'animations. Chibi exécute les manipulations DOM 20% à 50% plus rapidement que de nombreuses bibliothèques.
La syntaxe Chibi est similaire à jQuery pour respecter le fait que les syntaxes de bibliothèque petites et grandes ne doivent jamais être mélangées
Exemple d'utilisation:
$ ("P"). Hide ()
ZeptoJS:
ZeptoJS peut être considéré comme la bibliothèque javascript minimaliste à haute compatibilité avec jQuery. Le but de cette bibliothèque n'est pas de concurrencer jQuery mais de réaliser le maximum de son API avec une taille très réduite. La taille de ZeptoJS n'est que de 5 à 10 Ko et se télécharge et s'exécute très rapidement. Prend en charge tous les principaux navigateurs et IE10 +.
Exemple d'utilisation:
$ .camelCase ('bonjour')
MooTools:
Mootools est la collection de fonctions utilitaires javascript pour les programmeurs javascript moyens à avancés. Il s'agit d'un framework javascript léger. Son API cohérente et robuste permet d'écrire du code fort et flexible. Il a une très bonne documentation disponible et l'API est cohérente.
Mootools est bénéfique car il permet à l'utilisateur de choisir ses propres composants personnalisés. Il suit des pratiques orientées objet.MooTools fournit des améliorations au DOM qui permet aux développeurs d'ajouter, de modifier et de supprimer tous les éléments DOM. Le stockage des éléments est également présent dans MooTools
Exemple d'utilisation:
$$ ('div.foo, div.bar');
var myElement = new Element ('div # bar.foo');
myElement.addEvent ('click', function () (
alerte (cliqué! ');
));
ExtJS:
ExtJS signifie Extended Javascript. C'est un produit de Sencha et est basé sur YahooUserInterface. Il s'agit essentiellement d'un langage de programmation de développement d'applications de bureau. ExtJS est pris en charge par tous les navigateurs comme IE6 +, FF, Chrome, Safari, Opera, etc. ExtJS est basé sur l'architecture MVC / MVVM.
ExtJS fournit également une grande collection de widgets personnalisables hautes performances
Exemple d'utilisation:
var el = Ext.get ("ma-div");
var el = Ext.Element.get ("ma-div");
En dehors de cela, il existe de nombreux autres petits cadres disponibles qui peuvent effectuer une tâche / fonctionnalité de bout en bout. MicroJS est un site qui dispose de nombreux micro-cadres disponibles. Sur ce site Web, nous pouvons simplement vérifier quelles sont nos exigences et utiliser uniquement ce cadre.
Articles recommandés:
Cela a été un guide pour les alternatives jQuery. Ici, nous avons discuté des listes d'alternatives jQuery avec leurs exemples d'utilisation. Vous pouvez également consulter les articles suivants pour en savoir plus:
- JavaScript vs JQuery
- Comment installer JavaScript
- Introduction à JavaScript
- Questions d'entretiens chez jQuery
- jQuery querySelector | Exemples pour querySelector
- Les 8 meilleurs sélecteurs jQuery avec implémentation de code
- Guide des exemples de barre de progression JQuery