UmbrellaJS ist Ihre Alternative zu jQuery

Die Open-Source- jQuery-Bibliothek hat die Webentwicklung seit Jahren dominiert. Es ist immer noch eine der vertrauenswürdigsten Ressourcen für JavaScript, aber es gibt eine neue Bibliothek namens UmbrellaJS in der Stadt .

Umbrella ist ebenfalls vollständig Open Source und bietet viele der gleichen Funktionen wie Elementselektoren, DOM-Manipulation und AJAX-Anfragen.

Umbrella JS funktioniert fast genau wie jQuery, außer mit verschiedenen Syntax- und Funktionsaufrufen . Also, wenn Umbrella so nah an jQuery ist, welchen Nutzen hat es?

Nun, Umbrella soll eine viel kleinere Bibliothek sein als jQuery und nur für DOM-Manipulation . Und ehrlich gesagt ist diese Bibliothek im Vergleich zu jQuery sehr kompakt .

Die vollständige Umbrella.js-Bibliothek ist ungefähr 4 KB nicht minimiert . jQuerys neueste Version umfasst mehr als 250KB ! Wenn Sie also nach einer vereinfachten Version von jQuery suchen, ist Umbrella schneller zu laden und genauso einfach zu verwenden .

Die Online-Dokumentation bietet eine Liste aller Funktionen und Parameter, die Sie an diese Funktionen übergeben können. Es ist die komplette Anleitung zu Umbrella und wird ständig aktualisiert .

Zum Glück werden viele ähnliche jQuery-Funktionen durch Umbrella nachgeahmt, so dass die Syntax sehr leicht zu lesen ist . Zum Beispiel ist die on() -Methode die gleiche und Sie können alle die gleichen Event-Listener wie click oder hover .

Der größte Unterschied besteht darin, dass Umbrella-Selektoren die u() Methode anstelle von jQuerys gewöhnlichem $() . Hier ist ein Codebeispiel, das eine Warnmeldung auslöst, wenn jemand mit der Klasse .button eine Schaltfläche .button .

 u ("button"). on ('click', function () {alarm ("Hallo Welt");}); 

Es ist ein einfaches Beispiel, aber es illustriert perfekt den Wert von Umbrella.

Um eine Live-Demo zu sehen, schauen Sie sich diesen Stift an, der eine Auswahl an Beispiel-Eingabefeldern bietet. Der gesamte Ausgabecode wird direkt auf dem Bildschirm angezeigt . Sie können auch den Umbrella JS-Quellcode studieren, um zu sehen, wie er funktioniert.

Um mehr über Umbrella zu erfahren, schauen Sie sich die offizielle Website an oder schauen Sie sich den Quellcode live im GitHub Repo an .

Prototyping-Tools und -Praktiken, die maximale Vorteile bringen

Der Prototyping-Ansatz für ein App- oder Website-Design-Projekt bringt eine Reihe von Vorteilen mit sich. Peer- / Client-Reviews und Feedback sowie frühzeitig durchgeführte Test- und Validierungsaktivitäten können wesentlich zur Schaffung einer äußerst erfolgreichen Benutzererfahrung beitragen.Die Vo

(Tech- und Design-Tipps)

Finden und teilen Sie Tech Talks mit der Speakerex Community

Die Speakerdex-Site ist eine Ressource wie keine andere. Es kuratiert Hunderte von Tech-Gesprächen aus allen Bereichen wie Web-Entwicklung, UI-Design, Benutzererfahrung und künstliche Intelligenz.Die meisten dieser Videos werden direkt von den Organisatoren der Konferenz eingereicht, enthalten aber auch Beiträge von Rednern.Ke

(Tech- und Design-Tipps)