Video di 7 minuti - Suggerimenti avanzati per la console JavaScript e nuove API DOM

Di recente ho registrato alcuni video guardando la comoda poltrona del nostro ufficio. Probabilmente ci sono alcune cose utili da imparare.

Sali di livello nella console JavaScript in Chrome DevTools. Osserva le richieste XHR, scopri le funzioni helper della console per monitorare gli eventi o esplorare meglio gli oggetti. Esaminiamo ogni genere di componenti aggiuntivi dell'API a riga di comando: console.time, $0, inspect(), $$, monitorEvents(), keys(), values() e copy().

In questo articolo ti faccio un'idea delle recenti API DOM che offrono un buon supporto per il browser e sono state progettate per semplificare le cose. Le classList, dataset, matchMedia(), textContent e matchesSelector() dell'HTML5 vengono spiegate e dimostrate.