Frontend

Dove può essere utilizzato HOC nella pratica?

Per cominciare, potresti parlarmi un po' della tua esperienza nella scrittura di test automatizzati, in particolare test unitari e di integrazione? Grazie per aver condiviso questo. Hai anche lavorato con framework di testing come Playwright?

Quali strumenti di profiling utilizzi? Ti è mai capitato di catturare dump di memoria?

Middle

СБЕР

L'uso di Webpack è stata una decisione consapevole o era già presente?

Inserisci i numeri al posto dei punti interrogativi affinché nella console vengano visualizzati in ordine 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 (compito su Event Loop, Promise, setTimeout)

Middle

Okko

JavaScript è monothread o multithread? Come funziona l'asincronia?

Quali fasi del rendering del browser possono essere ottimizzate per evitare ricalcoli inutili e come farlo?

Quali sono le opzioni di posizionamento degli elementi sulla pagina (CSS position)?

Hai avuto un'esperienza negativa in un team, come discussioni intense durante la revisione del codice? Come ti comporteresti in una situazione del genere?

Conosci il pattern EventEmitter? Implementa una classe con i metodi subscribe, unsubscribe e fire.

Middle+

Альфа-Банк

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Dillo brevemente così: `this` non è un ambito di visibilità, ma il contesto di chiamata della funzione. Viene determinato non dove la funzione è dichiarata, ma dove viene chiamata. Puoi aggiungere 3-4 regole: - Chiamata normale di una funzione — `this` di solito è undefined in modalità strict. - Metodo di un oggetto — `this` punta all'oggetto a sinistra del punto. - `call / apply / bind` — permettono di impostare esplicitamente `this`. - Funzioni arrow — non hanno il proprio `this`, ne prendono uno dall'esterno.

Middle

АЙ-ТЕКО

Spiega cosa succede con le vecchie richieste al cambio utente e come `AbortController` previene le condizioni di gara (race condition).

Come si può analizzare JSON in modo sequenziale, suddividendo l'elaborazione in chunk, per non bloccare il thread principale? Con cosa si può avviare l'elaborazione del prossimo chunk per non rallentare la pagina (ad esempio, requestIdleCallback, generatori)?

Cosa sono useMemo, useCallback e React.memo? Quando è meglio usarli?

Hai lavorato con il sistema di file, la fotocamera o altre funzionalità native in React Native?

Come ottimizzeresti il codice ripetitivo degli handler onChange per i campi email e password?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // scrivi il codice qui return fn(...args); }; // e qui return wrapped; }

Quali sono i principi fondamentali della POO che conosci? Racconta di ciascuno.

Da cosa dipende l'unità EM: dal REM più vicino o dalla dimensione del font del genitore?

A cosa serve la parola chiave infer in TypeScript?