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 .

Run en deel fragmenten met Glot.io

Er zijn tientallen browsergebaseerde IDE 's, maar de meeste van hen richten zich op frontend-talen : HTML, CSS en JavaScript.Glot.io is een nieuwe kanshebber, die zich richt op tientallen programmeertalen die meestal runtime-software vereisen . Deze talen gaan veel verder dan het internet, inclusief C #, Java, Swift, Haskell en nog veel meer

(Technische en ontwerptips)

20 geweldige geanimeerde laders en spinners

De internetverbinding wordt steeds sneller, maar van tijd tot tijd zijn er nog enkele momenten waarop we moeten wachten op het laden van een webpagina. Ontwerpers doen hun best om uw wachttijd leuk en pijnloos te maken met behulp van verschillende creatieve geanimeerde laders .Laders laten zien dat het proces bezig is

(Technische en ontwerptips)