Frontend

Guarda questo pezzo di codice — capisci cosa fa e scrivi un esempio semplice di utilizzo. C'è anche un helper simile in lodash.

Non è mai successo che in una funzione del prodotto vengano restituiti molti campi, mentre in un'altra solo due?

Hai mai lavorato con Lighthouse? Immagina di dover migliorare la metrica FCP (First Contentful Paint). Quali idee ti vengono in mente?

Quali sono i problemi nell'attuale approccio al caricamento dei dati SSR e come si espanderanno con l'aggiunta di nuove pagine?

Come ti sviluppi, come impari nuove tecnologie, cosa ti è rimasto impresso di recente?

In quale momento comunicherai di non riuscire a rispettare i tempi?

Cosa ti piace di più fare al lavoro e cosa meno? Cosa richiede più tempo di quanto vorresti?

Implementa una funzione foo che prende un array e restituisce un oggetto in cui le chiavi sono gli elementi dell'array e i valori sono tutti 0.

Cosa può accadere sul server durante la generazione di HTML (SSR) — a cosa il server dedica tempo, quali problemi di prestazioni e sicurezza possono verificarsi durante la serializzazione dei dati?

Parlami del tuo ultimo posto di lavoro e dei progetti a cui hai lavorato.

Qual è la differenza tra usare hasOwnProperty e verificare direttamente il valore tramite una condizione (if o[x])? Cosa succede se il valore della proprietà è false?

Quali miglioramenti potrebbero essere apportati in futuro per aumentare la qualità del prodotto?

Cosa di interessante e nuovo hai imparato recentemente nel mondo del frontend?

Determina l'ordine di output sulla console per il codice con setTimeout, Promise, then, catch, finally e varie chiamate sincrone (compito sull'Event Loop).

Implementa una funzione memoize che memorizza i risultati delle chiamate di funzioni asincrone e non invia richieste ripetute se la chiamata con gli stessi argomenti è già stata effettuata.

Come garantire il supporto per i formati di immagini moderni (WebP, AVIF) nei browser che non li supportano?

Devi scrivere una funzione memoize — un wrapper per la memorizzazione. Per semplicità, puoi considerare che la funzione avrà sempre un solo argomento, e sarà un valore primitivo.

<script> function sum(valueA) { throw 'Non implementato' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

A cosa serve React.lazy? Quali benefici offre e come funziona sotto il cofano?

Esiste una funzione customMap che fa quasi la stessa cosa di una normale mappa di un array, ma non è tipizzata. È necessario tipizzarla in modo che alla quinta riga ci sia un array di stringhe e alla settima un array di numeri.