Nelle SPA (Single Page Application) troviamo una gestione delle pagine indipendente dall'url: l'aggiornamento dell'url non corrisponde con un ri-caricamento della pagina, ma il layout viene modificato e/o aggiornato attraverso funzioni JavaScript. All'interno di un framework la ...

L'utilizzo di un template è una pratica comune in tutti i framework SPA: creando una parte di codice, essa può essere replicata e riutilizzata all'interno di una o più sezioni della pagina. La medesima pratica può essere utilizzata anche all'interno di una normale pagina html ...

Nei precedenti script abbiamo trattato le strutture Map e Set. La prima è da utilizzare come dizionario chiave/valore, mentre la seconda per una lista di oggetti unici ordinati. In questo script, aggiungiamo anche le strutture WeakMap e WeakSet che svolgono la medesima funzione, ...

Nello script #377 abbiamo analizzato alcune microfunzioni che possono tornarci utili quando dobbiamo interagire con liste di oggetti o valori.I metodi sono stati scritti in modo da poter essere il più generici possibile e condivisibili tra progetti. Nello script di oggi vediamo ...

Utilizzando i browser moderni è possibile salvare i più svariati dati per renderli disponibili offline. In altri script abbiamo trattato argomenti come IndexedDB o l'utilizzo di LocalStorage e SessionStorage. A questi andiamo ad integrare le Cache API.Come si può intuire dal nome...

In uno script precedente abbiamo visto come utilizzare i webworkers per eseguire uno script in background: http://www.html5italia.com/script/41/Usare-Web-Workers-Eseguire-Script-Background.aspxQuesta tecnica prevede la scrittura di uno script separato da eseguire in un altro ...

Come abbiamo visto nello script precedente, HTML5 introduce diverse novità nell'ambito delle form. Una di queste, tradizionalmente demandata a codice client side e server side, è la validazione dei dati.In tal senso, HTML5 introduce un insieme di nuovi attributi sui tag legati ...

Ogni component di React deve avere un solo nodo padre. Spesso questo nodo è un tag div o span o table o altro ancora. Esistono tuttavia dei casi in cui questo component non può essere un tag HTML. Analizziamo il prossimo esempio.class MyTable extends React.Component { render...

I tag select sono i più complessi da rendere simili su tutti i browser, perché molti engine (ad esempio, Safari) aggiungono effetti come bordi. Fortunatamente, è possibile intervenire attraverso l'uso di una semplice serie di proprietà a livello CSS, che vanno ad azzerare lo ...

Nelle pagine web è ormai consuetudine inserire molti anchor tag, i quali fungono come puntatori a una specifica parte della pagina, per facilitarne la navigazione suddividendola in paragrafi o aree tematiche. Ma come è possibile ottenere lo stesso effetto all'interno di un ...