Categoria
Articoli tecnici organizzati per gruppo funzionale.
Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.
Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.
L'algoritmo di clonazione strutturata utilizzato da 'postMessage' per inviare dati a Web Worker o iframe non supporta funzioni, nodi del DOM nativo, Symbol o puntatori a oggetti non serializzabili.
Il browser rifiuta la scrittura con 'localStorage.setItem()' perché lo spazio complessivo allocato per l'origine (generalmente circa 5MB) è stato completamente saturato; per grandi quantità di dati è necessario IndexedDB.
Nei browser moderni i listener per 'touchstart', 'touchmove' e 'wheel' sono passivi per impostazione predefinita per non degradare le prestazioni di scorrimento; invocare 'e.preventDefault()' genera questo warning e viene ignorato (richiede '{ passive: false }').
Viene sollevata fisiologicamente dalla funzione fetch() quando il segnale associato ('signal: controller.signal') riceve un'istruzione 'controller.abort()'; il codice deve intercettare 'if (err.name === "AbortError")' per non considerarlo un crash.
Una ricorsione asincrona non terminata basata su 'Promise.resolve().then(loop)' o 'queueMicrotask' svuota continuamente la coda dei microtask senza mai rilasciare il controllo all'Event Loop per il rendering del browser, congelando la pagina.
Il metodo 'arr.forEach(async (item) => { await save(item); })' non attende le promise generate dalla callback; il ciclo termina istantaneamente prima del completamento dei salvataggi; occorre utilizzare un normale ciclo 'for (const item of arr)' o 'Promise.all(arr.map(...))'.