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 .

Verwalten von Inhalten, die im WordPress-Vorschaumodus angezeigt werden [WordPress-Tipp]

Wenn Sie ein regulärer WordPress-Benutzer sind, der Posts regelmäßig veröffentlicht, benötigt der Vorschaumodus keine Einführung. Wir verwenden es oft, um unsere Posts während des Schreibens in der Vorschau anzuzeigen oder um eine abschließende Überprüfung durchzuführen, bevor wir auf die Schaltfläche "Veröffentlichen" klicken. Aber weißt

(Tech- und Design-Tipps)

Ein graziles Breadcrumb Navigationsmenü in CSS3 kodieren

Dieser Artikel ist Teil unserer "HTML5 / CSS3 Tutorials" -Serie - mit dem Ziel, Sie zu einem besseren Designer und / oder Entwickler zu machen. Klicken Sie hier, um mehr Artikel aus derselben Serie zu sehen. Navigationsmenüs und Links sind möglicherweise die wichtigsten Schnittstellenelemente zu einem Weblayout.

(Tech- und Design-Tipps)