Page d'accueil » Codage » UmbrellaJS est votre alternative à jQuery

    UmbrellaJS est votre alternative à jQuery

    L'open source bibliothèque jQuery a dominé le développement Web pendant des années. C’est toujours l’une des ressources les plus fiables pour JavaScript, mais il existe une nouvelle bibliothèque en ville appelé UmbrellaJS.

    Umbrella est aussi complètement open source et offre une grande partie de la même fonctionnalité y compris les sélecteurs d'éléments, la manipulation DOM et les requêtes AJAX.

    Umbrella JS fonctionne presque exactement comme jQuery sauf avec syntaxe et appels de fonction différents. Donc, si Umbrella est aussi proche de jQuery, quel est l'avantage de l'utiliser?

    Eh bien, Umbrella est censé être un bibliothèque beaucoup plus petite que jQuery et son seulement pour la manipulation DOM. Et honnêtement, cette bibliothèque est super compact par rapport à jQuery.

    La bibliothèque complète Umbrella.js est environ 4KB non-minified. La dernière version de jQuery total supérieur à 250 Ko! Donc si vous cherchez un version simplifiée de jQuery alors Umbrella sera plus rapide à charger et aussi simple à utiliser.

    La documentation en ligne offre une liste de toutes les fonctions et paramètres vous pouvez passer dans ces fonctions. C'est le guide complet à Umbrella et c'est constamment mis à jour.

    Heureusement, un grand nombre de fonctionnalités jQuery similaires sont imitées via Umbrella. la syntaxe est très facile à lire. Par exemple, le sur() méthode est la même et vous pouvez passer tous les mêmes auditeurs d'événement tels que Cliquez sur ou flotter.

    La plus grande différence est-ce que les sélecteurs Umbrella utilisent le u () méthode au lieu de commune de jQuery $ (). Voici un exemple de code qui déclenche une alerte lorsque quelqu'un clique sur un bouton de la classe .bouton.

     u ("bouton"). on ('cliquez', fonction () alert ("Bonjour le monde");); 

    C'est un exemple simple mais il illustre parfaitement la valeur de Umbrella.

    À voir une démonstration en direct Découvrez ce stylo offrant un exemple de sélection de champ d'entrée. Tout le code de sortie est affiché directement à l'écran. Vous pouvez également étudier le code source de Umbrella JS pour voir comment ça marche.

    Pour en savoir plus sur Umbrella, consultez la site officiel ou coup d'oeil au code source vivent dans le Repo GitHub.