Das könnte dich auch interessieren

Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung

jQuery++: Für das, was jQuery so nicht kann

    jQuery++: Für das, was jQuery so nicht kann

Mit jQuery++ steht eine Sammlung von kleinen JavaScript-Plugins für die verbreitete jQuery Bibliothek bereit, die den Umgang mit DOM-Manipulation und Ereignissen in jQuery 1.7 beschleunigt und erleichtert. Die Entwickler bezeichnen jQuery++ als „das Toupet für die Glatze von jQuery“. Wir stellen euch jQuery++ kurz vor.

jQuery++ als das Toupet für die Glatze von jQuery

Nützliche DOM- und Event-Helfer mit jQuery++

jQuery++ wurde von den JavaScript-Experten bei Bitovi entwickelt, die auch noch weitere spannende OpenSource-Komponenten zur Verfügung stellen. Wie sie selbst betonen, ist jQuery++ kein UI-Projekt wie z.B. jQueryUI oder jQueryTools, sondern ein Low-Level-Werkzeug für Funktionalitäten, die jQuery allein so nicht kann.

jQuery++ Projektseite

jQuery++ arbeitet genau wie jQuery, beschleunigt aber DOM-Manipulation und vereinfacht besondere Ereignisse. jQuery.animate überschreibt z.B. die jQuery Funktion $.fn.animate und sorgt dafür, dass CSS3-Animationen verwendet werden, sobald ein Browser sie unterstützt. Da CSS-Transitions nativ im Browser laufen und Hardware-Beschleunigung nutzen können, ist die Performance von Animationen so vor allem bei WebKit-basierten mobilen Browsern z.B. auf dem iPhone oder unter Android besser.

jQuery++ animate

Mit jQuery.dimensions ermöglicht jQuery++ das Setzen und Animieren der Werte für Höhe und Breite (inner/outerHeigth, inner/outerWidth) über $.fn.animate. Um schnell die Position von Elementen zu vergleichen, steht jQuery.compare zur Verfügung. Formulare können über jQuery.formParams in Objekte serialisiert werden. Delegierbare Drag-And-Drop Ereignisse werden ohne jQueryUI möglich mit jQuery++. jQuery.event.swipe ergänzt Unterstützung für Wisch-Ereignisse auf mobilen Endgeräten.

Über das destroyed Ereignis in jQuery++ werden Speicherverluste vermieden, wenn Elemente aus dem DOM gelöscht werden. jQuery.event.fastfix beschleunigt jQuery.event.fix um 3 bis 5% über den Einsatz von ECMAScript 5 Getter-Methoden.

jQuery++ beschleunigt jQuery mit fastfix

Die vollständige Dokumentation zu allen DOM-Helfern und speziellen Event-Listenern mit Beispielen findet ihr auf der jQuery++ Website.

jQuery++ mit angepasstem Download einzelner Bibliotheken

Beim Download von jQuery++ hat man die Wahl zwischen einem Gesamtpaket und angepassten JavaScript-Bibliotheken. Alle Bibliotheken wie z.B. animate, compare, cookie oder event.drag können auch einzeln heruntergeladen und eingebunden werden, um Overhead zu vermeiden.

Weiterführende Links:

Finde einen Job, den du liebst zum Thema TYPO3, JavaScript

3 Reaktionen
Max W
Max W

Fuer animationen fuer DOM und CSS, empfehle uch greensocks TweenMax, etc. Seit circa 1 woche ist das mächtige Animationstool fuer js verfuegbar. Lee Brimelow hat in seinem Blog 'gotoandlearn' ein 1a Tutorial verfasst.! Tweens /animationen von Greensock sind schneller und besser als die von jquery. Jquery obj koennen als selektor ebenfalls animiert werden. Enjoy

Antworten

Stephan Strittmatter
Stephan Strittmatter

Schön wäre, wenn diese Implementierung in jQuery einfließen würde!

Antworten

Sipatshi
Sipatshi

@Norman Paschke: hahahahah :)

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen