Categoria
Articoli tecnici organizzati per gruppo funzionale.
Associare calcoli pesanti o query al DOM direttamente all'interno dell'evento 'scroll' genera decine di invocazioni al secondo, saturando il thread di rendering del browser; richiede l'adozione di 'requestAnimationFrame' o debounce/throttle.
Specificare un namespace isolato senza il nome dell'evento ('$el.off(".myModule")') rimuove indiscriminatamente click, hover, keyup e qualsiasi altro evento registrato sotto quel namespace sul nodo.
Invocare '$el.off("click")' senza specificare un namespace rimuove indiscriminatamente tutti i listener di click collegati da qualsiasi plugin o script; per isolare le rimozioni è indispensabile usare i namespace: '.off("click.myPlugin")'.
In un normale listener JavaScript nativo 'return false' non ha effetto, mentre in jQuery esegue simultaneamente sia 'e.preventDefault()' che 'e.stopPropagation()', impedendo ai container padri o agli script di analisi di intercettare il click.
Il metodo '.die()' (complementare di '.live()') è stato definitivamente rimosso a partire da jQuery 1.9; va rimpiazzato con '$(document).off("click", "selector")'.
Il metodo legacy '.live()' è stato deprecato in jQuery 1.7 e definitivamente rimosso in jQuery 1.9; la migrazione canonica prevede l'uso di '$(document).on("event", "selector", handler)'.
I metodi storici '.bind()' e '.unbind()' sono stati deprecati in favore della sintassi unificata '.on()' e '.off()'; l'uso di '.unbind()' genera avvisi di obsolescenza e potrebbe essere rimosso nelle future versioni di jQuery.
'$(document).ready()' si attiva non appena la struttura HTML è analizzata (DOMContentLoaded), quando le immagini esterne non sono ancora state scaricate; per calcolare dimensioni o eseguire logiche dipendenti da immagini occorre usare '$(window).on("load", ...)'.