Tricks 4 Geeks

Sean hat mich an einem netten Abend auf ein Projekt von Google aufmerksam gemacht. Viele moderne Webanwendungen beziehen Daten, wie zum Beispiel News von anderen Seiten via RSS und binden Diese dann direkt ein.

Letzten Sonntag habe ich euch mein Profiler.js vorgestellt. Heute folgen erste Ergebnisse. Ich habe gespielt mit Zuweisungen nach Fallunterscheidungen.

Verschlüsselung mit Javascript ist schon immer ein Thema gewesen. Besonders dann, wenn man nicht die Möglichkeit hat einen Server mit https zu betreiben, ist es sinnvoll Logindaten (Benutzername, Passwort,…) wenigstens mit einem Pre-shared Key zu verschlüsseln. Hierzu bieten sich MD5 oder SHA1 an. Paul Johnston hat sich die Mühe gemacht und MD4, MD5 und SHA1 mit Javascript zu realisieren. Nicht wirklich der schönste Code, aber es funktioniert (und vielleicht erbarmt sich ja einmal Jemand, Diesen umzuschreiben).

Reflexionen von Bildern sind im Web 2.0 total in und trendy. Um Bilder mit Reflexionen zu versehen muss man Diese jedoch bearbeiten. Dies kann sehr aufwändig sein, wenn man viele Bilder hat oder sogar den Bildupload von Benutzern erlaubt. Vor einigen Tagen hat mich Paul – ein fleißiger JSIO-Leser – nun jedoch auf Reflection.js hingewiesen, das dies On-the-fly und ohne Server macht. Ein Blick lohnt sich, schon rein um zu wissen, dass so etwas überhaupt geht.

Die Entwickler vom Firebug bieten ein kleines Javascript an, das den Nutzen hat, keine Fehler in Browsern, die Firebug nicht installiert haben zu erzeugen, wenn Firebug-Kommandos im Quelltext eingebunden wurden. Ich habe daran 2 marginale Änderungen vorgenommen, sodass der Sourcecode noch ein Quentchen schneller läuft:

Schon in der Schule hat man gemerkt, dass es ab und zu ganz gut war, einen kleinen Spicker bei sich gehabt zu haben. So geht es mir auch ab und zu im Leben und darum stelle ich euch meine 5 täglichen Begleiter heute endlich vor.

Microsoft hat schon vor lange Zeit die Events onmouseenter und onmouseleave kreiert, die auf den ersten Blick exakt dasselbe tun, wie onmouseover und onmouseout. Im Gegensatz zu den altbekannten Methoden over und out können die Events enter und leave nicht abgebrochen werden. Zudem werden die Event nicht an andere Elemente weitergegeben (Kein Event Bubbling). Dies hat den Vorteil, dass beispielsweise Hover-Menüs über Links nicht zuklappen (bei der Arbeit mit MouseEnter), da hier kein MouseLeave des Elternelements getriggert wird. Im Javascript-Framework jQuery wurde dieses Verhalten für alle Browser nachempfunden. Auf einer Beispielseite kann man die Events genauer unter die Lupe nehmen.

In einem netten Gespräch mit einigen anderen Javascriptern haben wir über Memory Leaks in Zusammenhang mit Closures sinniert. IBM hat sich darüber auch Gedanken gemacht und die Ergebnisse mit Erklärungen ins Netz gestellt.

Definitiv lesenswert: Memory leak patterns in JavaScript

Entwickelt man Javascript objektorientiert, dann erstellt man sie häufig: Getter- und Setter-Methoden. Das kann man auf ganz verschiedenen Wegen machen. Nun habe ich einen Weg entdeckt, der mir intuitiver als bisherige Wege vorkommt und den ich daher zur Diskussion stellen möchte.

Mir ist gestern die Idee gekommen, wie ich einige Dinge in Javascript in Zukunft anders schreiben kann (dazu in einem anderen Beitrag mehr). Hierzu wollte ich mich zuerst an bestehenden Scripten (und der Basis meines Colorpickers ) versuchen. Im Firefox lief alles einwandfrei. Nur der Internet Explorer bereitete mir gewisse Probleme.