Thomas Horster

eat the cookie before the cookie eats you

JavaScript Best-Practices

22. August 2011 von Tom | Keine Kommentare

Was sind Best-Practices?

Im Grunde sind Best-Practices, grob gesagt, nichts anderes als sinnvolle Problemlösungen, die sich in der Praxis für gängige Aufgaben mehrfach bewährt haben und generell als gute Vorgabe dienen können: http://de.wikipedia.org/wiki/Best_Practice

Nicht den globalen Gültigkeitsbereich(Scope) verschmutzen

// Schlecht: 5 globale Variablen
var key = 'value',
     foo = 'bar',
     charlie = 'horse';

function helper() {
    //hilft aus
}

function info(msg) {
    helper(msg);
    Ti.API.info(msg);
}

//Besser: Global erreichbare Variablen in ein Objekt packen (Namespace)
//Nur einmal benötigte Funktionen in eine selbstausführende Funktion stecken,
//da diese dann nicht global sind bzw. von außen erreichbar

//Die einzige globale Variable ist nun 'myapp'
var myapp = {
    key: 'value',
    foo: 'bar',
    charlie: 'horse'
};

(function() {
    function helper() {
        //hilft aus
    }

    myapp.info = function(msg) {
        helper(msg);
        Ti.API.info(msg)
    };
})();

Weiterlesen →

18. September 2010
von Tom
Keine Kommentare

High Performance JavaScript-Tabs mit Jquery (auch mit Deeplinking)

Tabscripte gibt es im Netz zu Hauf, viele benutzen mittlerweile ein JavaScript-Framework wie jQuery. Ich wollte ein ganz einfaches Script erstellen, welches besonders wert auf Geschwindigkeit legt. Wenig valides HTML, gutes, knappes CSS, CSS-Sprites, smarte Event-Handler, wenig DOM-Zugriffe und sie … Weiterlesen