UmbrellaJS is uw alternatief voor jQuery

De open source jQuery-bibliotheek domineert de webontwikkeling al jaren. Het is nog steeds een van de meest vertrouwde bronnen voor JavaScript, maar er is een nieuwe bibliotheek in de stad die UmbrellaJS heet.

Umbrella is ook volledig open source en biedt veel van dezelfde functionaliteit, waaronder elementselectoren, DOM-manipulatie en AJAX-verzoeken.

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

Welnu, Umbrella is bedoeld als een veel kleinere bibliotheek dan jQuery en is alleen bedoeld voor DOM-manipulatie . En eerlijk gezegd is deze bibliotheek supercompact in vergelijking met jQuery.

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

De online documentatie biedt een lijst met alle functies en parameters die u kunt doorgeven aan die functies. Het is de complete gids voor Umbrella en wordt voortdurend bijgewerkt .

Gelukkig worden veel vergelijkbare jQuery-functies nagebootst via Umbrella, dus de syntaxis is heel gemakkelijk te lezen . De methode on() is bijvoorbeeld hetzelfde en u kunt alle gebeurtenislisteners zoals click of hover doorgeven.

Het grootste verschil is dat paraplu-selectors de u() -methode gebruiken in plaats van de gemeenschappelijke $() van jQuery. Hier is een codevoorbeeld dat een waarschuwingsvenster .button wanneer iemand op een knop klikt met de klasse .button .

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

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

Als u een live demo wilt bekijken, bekijkt u deze pen met een voorbeeld van een selectie van het invoerveld . Alle uitvoercodes worden direct op het scherm weergegeven . Je kunt ook de Umbrella JS-broncode bestuderen om te zien hoe het werkt.

Ga voor meer informatie over Umbrella naar de officiële website of bekijk de broncode live in de GitHub-repo .

14 Hulpmiddelen voor het verkleinen van Javascript

Javascript-minification is een techniek die je script condenseert tot een veel kleinere footprint . Je verliest menselijke leesbaarheid, maar je bespaart aanzienlijke bandbreedte - op het einde, Javascript is bedoeld voor uw browser, niet voor uw gebruikers .De meeste productiewebsites gebruiken Javascript-minificatie, maar de manier waarop dit wordt bereikt, varieert sterk

(Technische en ontwerptips)

Nieuwsbrief Inschrijven Vormt dat Rock - Inspiraties, sjablonen en hulpmiddelen

Een sterk ontworpen bulletin-abonnementsformulier kan u helpen uw lijst met abonnees aanzienlijk te laten groeien en daardoor uw omzet te laten groeien. De e-mailnieuwsbrief is een krachtige tool om met uw bezoekers en klanten te communiceren. Dus, rekening houdend met de concurrentie, hoe kunt u uw bezoekers aanmoedigen om zich te abonneren op uw e-mailnieuwsbrief

(Technische en ontwerptips)