Startpagina » Coding » UmbrellaJS is uw alternatief voor jQuery

    UmbrellaJS is uw alternatief voor jQuery

    De open bron jQuery-bibliotheek heeft de webontwikkeling jarenlang gedomineerd. Het is nog steeds een van de meest vertrouwde bronnen voor JavaScript, maar er is een nieuwe bibliotheek in de stad riep UmbrellaJS.

    Paraplu is ook volledig open source en biedt veel van dezelfde functionaliteit inclusief element selectors, DOM-manipulatie en AJAX-verzoeken.

    Paraplu JS werkt bijna precies zoals jQuery behalve met verschillende syntaxis- en functie-aanroepen. Dus als Umbrella zo dicht bij jQuery is, wat is het voordeel van het gebruik ervan?

    Nou, paraplu is bedoeld als een veel kleinere bibliotheek dan jQuery en zijn alleen voor DOM-manipulatie. En eerlijk gezegd is deze bibliotheek dat wel super compact in vergelijking met jQuery.

    De volledige Umbrella.js-bibliotheek is ongeveer 4 KB niet-verkleind. jQuery's nieuwste versie totalen van meer dan 250 KB! Dus als u op zoek bent naar een vereenvoudigde versie van jQuery dan zal Umbrella er zijn sneller te laden en net zo eenvoudig te gebruiken.

    De online documentatie biedt een lijst met alle functies en parameters je kunt overgaan naar die functies. Het is de complete gids naar Umbrella en het is constant worden bijgewerkt.

    Gelukkig worden veel vergelijkbare jQuery-functies nagebootst via Umbrella, dus de syntaxis is heel gemakkelijk te lezen. Bijvoorbeeld de op() methode is hetzelfde en u kunt alle gebeurtenislisteners zoals doorgeven Klik of zweven.

    Het grootste verschil is dat Paraplu kiezers de gebruiken u () methode in plaats van jQuery's common $ (). Hier is een codevoorbeeld die een waarschuwingsvenster activeert wanneer iemand op een knop klikt met de klas .knop.

     u ("knop"). aan ('klik', functie () alert ("Hallo wereld");); 

    Het is een eenvoudig voorbeeld, maar het illustreert perfect de waarde van Umbrella.

    Naar zie een live demo bekijk dit penaanbod a voorbeeld invoerveld selectie. Alle output code is weergegeven op het scherm. Je kan ook onderzoek de Umbrella JS-broncode om te zien hoe het werkt.

    Voor meer informatie over Umbrella, kijk op de officiële website of kijk naar de broncode live in de GitHub repo.