Wie du die Geschwindigkeit von ngRepeat bei großen Datensätzen super einfach verbessern kannst

Als Webentwickler lernt man recht schnell, dass der DOM in allen Webbrowsern sehr sehr langsam ist. Gerade wenn einen sanftes Scrollen für eine gute User Experience erwünscht ist, sind riesige Datensätze oft ein Problem.

Glücklicherweise gibt es hierfür eine einfache Option in AngularJS. Der einfachste Weg bei großen Mengen von Daten Performanceverluste zu vermeiden ist die Verwendung von Paginierung oder Infinite Scroll, also das „unendliche“ Scrollen, wo automatisch Inhalte nachgeladen werden. In AngularJS gibt es hierfür den Filter `limitTo`. (mehr …)

jQuery 1.7 released

jquery write less do moreAm gestrigen Tag wurde die neue Version 1.7 vom JavaScript Framework jQuery veröffentlicht. Die neue Version ermöglicht mehr Performance und bessere Unterstützung für HTML 5 in den Browsern Internet Explorer 6,7 und 8. Außerdem wurden die neuen Event Funktionen .on() und .off() integriert, welche auf kurz oder lang die Funktionen .bind(), live() und .delegate() ablösen sollen und für mehr Konsistenz in der API sorgen.

Weitere Neuheiten und einen Geschwindigkeitsvergleich zur Vorgängerversion kann man auf den offiziellen jQuery Blog nachlesen

JavaScript Scrollbalken mit JScrollpane

Wer die Scrollbalken der Webbrowser selbst farblich gestalten möchte, nutzt dafür am besten die JavaScript Bibliothek JScrollPane von Kelvin Luck. Das Skript basiert auf jQuery und kann mit Hilfe von CSS angepasst werden. Damit lassen sich zum Beispiel OS X Scrollbalken in Windows oder Linux Betriebssystemen erstellen, aber auch ganz einfache Scrollbalken sind möglich. Es werden gestaltungstechnisch keine Grenzen gesetzt.  Ein kleines Beispiel kann man sich hier anschauen.

 

„JavaScript Scrollbalken mit JScrollpane“ weiterlesen