Davide Petrillo » Javascript

evenIfHidden, un plugin per jQuery

Davide — Thu, 22 Apr 2010 22:49:45 +0000

Ho pubblicato oggi un plugin per jQuery. Si chiama evenIfHidden. E’ un plugin semplice che risolve un problema altrettanto semplice, ma del quale non ho trovato soluzioni pronte: quello di ricavare informazioni sul layout di un elemento del DOM (come width o height) quando l’elemento è nascosto.

Trovate la pagina ufficiale del plugin sul sito di jQuery, mentre trovate la pagina di test qui sul blog (guardatela perché è caruccia assai!).

Rotazione di immagini via jQuery

Davide — Thu, 29 Jan 2009 10:56:34 +0000

Proprio poco tempo fa, mi chiedevo quando sarebbe stato possibile gestire la rotazione di immagini in una pagina web, tramite l’utilizzo di Javascript e dei canvas HTML

Beh, ecco la risposta, un ulteriore tassello che credo permettera’ a breve la creazione di animazioni senza l’utilizzo di Flash.

Via: Ajaxian

Portabilizzare la console di Firebug

Davide — Fri, 23 Jan 2009 11:08:13 +0000

Prima della versione 1.2 di Firebug, l’unico problema in cui gli sviluppatori Javascript si potevano imbattere nel suo utilizzo era la necessita’ di scrivere una funzione di inizializzazione della console.
Tale funzione aveva il compito di definire le funzioni della console nel caso la classica console.log e sorelle venissero eseguite in browser senza Firebug.

Nelle versioni di Firebug 1.2 e successive e’ stata introdotta la funzione loadFirebugConsole, senza la quale la console non parte. Questo richiede un refactoring della funzione di inizializzazione; gia’ che dovevo metterci le mani, ho pensato: perche’ non modificare la funzione in modo tale da poter usare le i metodi della console anche su Opera ed il suo tool di debugging, Dragonfly?

Detto fatto: Opera implementa una funzione simile alla console.log, chiamata opera.postError, che useremo per fare l’overload di tutti i metodi definiti nella console. Ecco il codice finale.

if ( typeof window.loadFirebugConsole == 'function' ) {
  window.loadFirebugConsole();
} else {
  if ( !(window.console && window.console.log) ) {
    if ( window.opera && window.opera.postError ) {
      fConsole = window.opera.postError;
    } else {
      fConsole = function() {};
    }
    window.console = {
      log:    fConsole,
      debug:  fConsole,
      info:   fConsole,
      warn:   fConsole,
      assert: fConsole
    }
  }
}

Ispirazione:
http://traviscline.com/blog/2008/04/02/firebug12-console-is-not-defined/
http://dev.opera.com/forums/topic/231622

Come evitare che Javascript vi rallenti il browser

Davide — Thu, 22 Jan 2009 23:08:38 +0000

Uno dei problemi standard di chi si occupa di Javascript e’ quello relativo alla semplicita’ con cui un blocco di codice particolarmente dispendioso (in termini di tempo d’esecuzione e risorse) vi faccia freezare il browser per un tot di secondi.

Il problema e’ relativo al fatto che Javascript e’ un linguaggio single-threaded; in parole povere, mentre per esempio si eseguono cicli di istruzioni lunghe che si interfacciano con la struttura DOM di una pagina, il browser non trova una finestra di tempo dove poter fare un refresh del proprio contenuto, congelandosi.

Mi e’ capitato giustappunto oggi, dovendo lavorare sul DOM di una tabella piuttosto lunga, andando alla ricerca del posto esatto dove inserire nuove righe pervenutemi tramite Ajax.

Dato che il fulcro del progetto e’ proprio la prestazione dell’applicativo, sono subito andato alla ricerca di una possibile soluzione. Beh, ho scoperto un po’ di cose.

In questo articolo di debuggable.com viene proposta un’ottima soluzione (gia’ sperimentata e funzionante!) basata sull’inserire le nostre istruzioni ciuccia-risorse all’interno di una coda; ogni istruzione sara’ eseguita ed intervallata da un tot di millisecondi di pausa,

Qualcosa di simile e’ stato implementato anche in jQuery; ancora non mi sono documentato abbastanza, ma sembra una libreria, gestita direttamente dal core del framework, che si occupa di rendere il piu’ possibile smooth le animazioni.

Javascript parser per PHP

Davide — Wed, 15 Oct 2008 09:03:26 +0000

Recentemente mi sono messo a cercare degli interpreti Javascript scritti in PHP.

Le ultime versioni dei browser eseguono senza problemi anche gli applicativi Javascript piu’ avanzati (chi si ricorda gli online desktop di un paio di anni fa?), senza contare che i vari framework JS sono sempre piu’ ottimizzati e veloci.

Tuttavia, volevo sondare quanto fosse possibile delegare parte della computazione Javascript, lasciandola al PHP e quindi al server.

Beh, i risultati sono sconsolanti; i parser che ho visionato sono lenti, elementari e ancora in fase beta.
Comunque sia, a scopo informativo, eccoli qui:

PHP-JS (utilizza il Mozilla SpiderMonkey)

J4P5