Nello script #461 abbiamo visto come i Set siano una risorsa facile, immediata e ottimale per la gestione di una cache lato client. Hanno però un grosso limite: nel confrontare l'esistenza di un elemento al proprio interno non sono ottimizzati per i tipi riferimento. Quando la ...

I Set sono degli oggetti JavaScript che si possono definire come array con elementi univoci. Risultano molto adatti per operazioni insiemistiche, come trattato nello script precedente, ma al tempo stesso sono funzionali anche a livello logico: possiamo utilizzarli per creare un ...

Le operazioni di insiemi su array, creati come Set, sono delle funzionalità che ci permettono di estrarre una lista di oggetti partendo da due o più Set sulla base di una discriminante. Benchè possa sembrare banale come concetto, il loro utilizzo è molto frequente e la stesura ...

Nello script #458 abbiamo parlato di AbortController, uno strumento che permette di interrompere operazioni asincrone come Web Streams, API, librerie compatibili, timer e logiche personalizzate.L'oggetto, in relazione alla sua funzione, ha caratteristiche speciali: la prima è la ...

Quando lavoriamo con operazioni asincrone, come chiamate HTTP, lettura di stream o task lunghi, può essere fondamentale interrompere un'operazione in corso. JavaScript mette a disposizione una soluzione nativa ed elegante: AbortController, un'API che permette di interrompere una ...

La View Transitions API è una funzionalità HTML/CSS dei browser che consente di animare il passaggio tra due stati di una pagina o tra due documenti diversi. Il browser cattura uno snapshot, o immagine, della pagina corrente e uno della pagina successiva, creando una transizione ...

Quando nelle pagine HTML si utilizza il link con target="_blank", il browser non si limita ad aprire una nuova scheda, ma, dietro le quinte, crea un ponte di comunicazione tra la pagina principale (Parent) e la nuova pagina (Child). Questo collegamento ha implicazioni profonde ...

Nella programmazione web, uno dei problemi più sottovalutati è gestire correttamente elementi che devono stare sopra tutto:menu, tooltip, notifiche, overlay, floating panel. Ad oggi la soluzione è stata sempre la stessa: position: fixed e z-index: 999.Il browser offre però anche ...

Il supporto per gli elementi HTML details e summary esiste dal 2016, ma solo di recente queste funzionalità hanno iniziato a espandersi e a diventare più mature.Una novità interessante è la possibilità di modellare questi elementi per creare un exclusive accordion, cioè un gruppo...

Così come gli elementi HTML posseggono una proprietà padding e margin, anche per quanto riguarda il CSS scroll snap abbiamo dei modificatori di spazio..container { overflow-y: auto; scroll-snap-type: x mandatory; scroll-padding: 0 0 0 50px; /* Top, Right, Bottom, Left */}.item...