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 in der Stadt namens UmbrellaJS.

Regenschirm ist auch vollständig Open Source und bietet viel von der gleichen Funktionalität einschließlich Elementselektoren, DOM-Manipulation und AJAX-Anforderungen.

Umbrella JS funktioniert fast genau wie jQuery, außer mit verschiedene Syntax- und Funktionsaufrufe. Wenn also Umbrella so nahe an jQuery liegt, was ist der nutzen? es zu benutzen?

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

Die vollständige Umbrella.js-Bibliothek ist etwa 4 KB nicht vermint. Die neueste Version von jQuery Insgesamt über 250 KB! Also, wenn Sie nach einem suchen vereinfachte Version von jQuery dann wird Umbrella sein schneller zu laden und genauso einfach zu bedienen.

Die Online-Dokumentation bietet a Liste aller Funktionen und Parameter Sie können in diese Funktionen übergehen. Es ist das vollständige Anleitung zu Regenschirm und es ist ständig aktualisiert werden.

Glücklicherweise werden viele ähnliche jQuery-Funktionen durch Umbrella nachgeahmt Die Syntax ist sehr einfach zu lesen. Zum Beispiel die auf() Methode ist die gleiche und Sie können alle gleichen Ereignis-Listener wie übergeben klicken oder schweben.

Der größte Unterschied ist, dass Umbrella-Selektoren das verwenden u () Methode anstelle von jQuery's Common $ (). Hier ist ein Code-Beispiel Dadurch wird ein Warnfeld ausgelöst, wenn jemand mit der Klasse auf eine Schaltfläche klickt .Taste.

 u ("button"). on ('click', function () alert ("Hallo Welt");); 

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

Zu Sehen Sie sich eine Live-Demo an Schauen Sie sich dieses Stiftangebot an a Auswahl eines Beispiel-Eingabefelds. Der gesamte Ausgabecode ist wird direkt auf dem Bildschirm angezeigt. Du kannst auch Studieren Sie den Umbrella JS-Quellcode um zu sehen, wie es funktioniert.

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