http://www.protofunc.com Sat, 16 Aug 2008 12:04:48 +0000 http://backend.userland.com/rss092 en Es gibt viele davon, aber diese ist meine: [source:javascript] $.bind = function(object, method){ var args = Array.prototype.slice.call(arguments, 2); return function() { args = [this].concat(args, $.makeArray( arguments )); return method.apply(object, args); }; }; [/source] Zwei mögliche Nutzungsszenarien könnten so aussehen: [source:javascript] // Standard-Nutzung function MyC(name){ this.helloName = name || 'Welt'; $('a') .bind('click', $.bind(this, this.sayHello)); $('input') .bind('click', $.bind(this, this.saySomeThing, 'Hallo', 'Tschüß')); } MyC.prototype = { sayHello: function(elm, evt){ alert(elm.tagName+' sagt - ... http://www.protofunc.com/2008/08/16/das-ist-meine-function-bind-methode/ Ich schaue recht gerne in den JS-Code anderer. Hierbei fällt einem neben der Tatsache, dass saubere Organisation von JS selten vorkommt, vor allem die ineffiziente Verwendung von jQuery auf. Hier einige dieser Anti-Patterns: Ineffiziente CSS-Selektoren: Beispiel: [source:javascript] $('.nav li a') [/source] Besseres Beispiel: [source:javascript] $('ul.nav a') [/source] Ineffizientes Chaining: [source:javascript] $('#foo').attr('bar', 'baz').attr('bomber', 'boom').addClass('test').addClass('test2'); [/source] Besseres Beispiel: [source:javascript] $('#foo') .attr({ bar: 'baz', bomber: 'boom' }) .addClass('test test2'); [/source] X-fache Erstellung von jQuery-Objektinstanzen identischen Inhalts ... http://www.protofunc.com/2008/07/27/ineffizienter-jquery-code/ Aria Rollen und Eigenschaften bieten zusätzliche Semantik in Attribut-Form. Ihr erklärtes Ziel ist die Verbesserung der Zugänglichkeit von Webseiten – insbesondere für Blinde, aber auch für Tastaturnutzer sowie andere Behinderungen. Daneben sind theoretisch auch die – für eine Verbesserung der Semantik - üblichen positiven Nebeneffekte für Suchmaschinen, Browser-Features und Gebrauchstauglichkeit ... http://www.protofunc.com/2008/06/23/aria-grundlagen/ Wir müssen nicht mehr lange warten und jQuery UI 1.5 wird ist released. Neben einigen Komponenten und hübschen Effekten, bietet der Core eine – für Plugin-Autoren – interessante Widget-Factory, welche ich mal am Beispiel einer Canvas Imagemap näher unter die Lupe nehmen möchte. Als erstes sollte man sich daher ... http://www.protofunc.com/2008/06/08/die-jquery-ui-widget-factory-am-beispiel-einer-canvas-map-teil-i/ Obwohl ich dem Artikel Stop using Ajax! von James Edwards ("Brothercake") und dem „zur Seite springen" von Chris Heilmann inhaltlich nur zustimmen kann, hat mir der Artikel nicht gefallen. Neben einem kurzen Hinweis auf einen Lösungsweg für Übermorgen bzw. einen möglichen Workaround empfand ich ihn vor allem ... http://www.protofunc.com/2008/05/01/start-using-accessible-javascript/ This is the first part in a little series of articles about scripting the controls of video with Javascript. I worked on a project recently where using flash for video was not an option, but instead all other major formats/plugins had to be supported (quicktime, windows media player, real ... http://www.protofunc.com/2008/02/01/controlling-embedded-video-with-javascript-part-i-quicktime/ Nicht selten wünscht man sich, von seinen AJAX-Responses , dass sie in der gleichen Reihenfolge ankommen, in der die Anfragen abgesendet wurden bzw. zumindest in der selben Reihenfolge in der sie beim Server verarbeitet wurden (z.B.: Warenkorb). In anderen Fällen ist dagegen klar, dass eine Antwort auf eine Anfrage keinen ... http://www.protofunc.com/2007/11/11/ajax-managen/