de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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 .

Tipps und Tools zum Automatisieren von sich wiederholenden Aufgaben unter Windows 10

Tipps und Tools zum Automatisieren von sich wiederholenden Aufgaben unter Windows 10

Findest du oft, dass du alte Dateien löschst, die nicht benötigten Daten bereinigst, einige Programme manuell startest usw.? Wenn es ja ist, dann lassen Sie mich Ihnen helfen, in weniger Zeit zu automatisieren und mehr zu tun . Obwohl diese Automatisierungen nicht viel Zeit sparen, aber die Notwendigkeit der Zeit abwägen, ist jede eingesparte Zeit einen Versuch wert.Ic

(Tech- und Design-Tipps)

Spectre.css - Leichtes Flexbox-basiertes Responsive CSS Framework

Spectre.css - Leichtes Flexbox-basiertes Responsive CSS Framework

Wenn Sie in Flexbox-Layouts eintauchen möchten, dann ist jetzt die beste Zeit, um anzufangen. Moderne Browser akzeptieren endlich Flexbox-Eigenschaften und mehr Entwickler machen sich daran.Aber warum sollten Sie bei Null anfangen, wenn Sie auf wiederverwendbaren Code aufbauen können? Spectre.css ist eines der besten Frameworks, um mit der Verwendung von Flexbox zu beginnen.D

(Tech- und Design-Tipps)