Frontend
Come lavorare con JavaScript asincrono? In cosa si differenziano async/await dai promise?
Cosa succede quando l'HTML entra nel browser? Quali sono le entità bloccanti e come gestirle?
Se abbiamo un grande store composto da più parti, e il componente genitore utilizza una parte dello stato, e il figlio un'altra, come garantire un rendering indipendente di questi componenti senza avvolgerli in useMemo?
async function f(result = 1) { let promiseB = new Promise(resolve => { setTimeout(() => resolve("1e"), 200) }); let promiseA = new Promise(resolve => { setTimeout(() => resolve("ab"), 1000) }); result += await promiseA; result += await promiseB; alert(result); // ? } f(null);
РунитиConosci l'operatore di asserzione non-null (!) in TypeScript? Perché è considerato un anti-pattern?
Cos'è il Feature-Sliced Design (FSD)? Raccontami della tua esperienza con FSD.
Hai una comprensione di come funziona Zustand sotto il cofano?
La richiesta OPTIONS viene inviata in ogni caso di richiesta cross-domain o solo quando necessario? Qual è la differenza tra richieste semplici e complesse in questo contesto?
Come convertire arguments in un array nel vecchio modo (ES5), senza Array.from e spread-operator?
Hai usato qualche accordo per scrivere i commit?
Esegui mentalmente la funzione mostrata: cosa verrà visualizzato alla prima chiamata e perché? Come correggere il codice per ottenere una sequenza di numeri?
È necessaria una funzione toggleLoading separata o si può fare a meno di essa?
Fornisci un esempio del principio Aperto/Chiuso nello sviluppo frontend, ad esempio, tramite render props.
Hai esperienza nel partecipare alla migrazione da Vue 2 a Vue 3 — cosa hai fatto esattamente tu stesso?
Quali metodi di binding del contesto conosci?
Quali aree del frontend consideri i tuoi punti di forza?
Parlami dei test E2E con Playwright: come era strutturato il sistema di test, come veniva eseguito, come interagivano con il backend, come si garantiva la riproducibilità dei dati di test?
Immagina una coda di macro task con cinque `setTimeout`, mentre microtask aggiungono infinite nuove microtask, ad esempio tramite `Promise.resolve().then()` ricorsivi. Cosa succederà all'interfaccia e questi cinque timeout verranno mai eseguiti? Perché?
#Modulo di registrazione React 1. Spiega come funziona StateProvider, condividi i tuoi pensieri con l'intervistatore. 2. Dai un'occhiata a /src/api/mock, spiega come funziona. 3. Controlla il colore del SubmitButton e correggilo. 4. Implementa la validazione del modulo client nel componente Signup. (\*) Ricorda il compito numero 9. Regole: - I campi Username, Email, Password e Repeat Password devono avere almeno 6 caratteri; - La Password deve corrispondere a Repeat Password; - La validazione deve essere eseguita al clic sul pulsante "SignUp"; - I campi con valori non validi devono essere contrassegnati (props error e helperText); 6. La risposta API può contenere un errore che deve essere visualizzato all'utente vicino al campo corrispondente. 7. Assicurati che il componente UserName renda il nuovo nome utente dopo una sottomissione riuscita. 8. Implementa il nuovo componente SignupSuccess. Deve essere mostrato invece del modulo di registrazione. 9. Implementa la validazione del server per i campi appropriati. --- Codice da mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Il nome utente "${userName}" è già preso. Per favore, prova un altro.` ) ); } }, 500); }); }, }; export default api; ```
Esiste un routing dinamico: è necessario aprire la pagina dell'utente, e la stessa pagina può cambiare (ad esempio, l'id nei parametri di query). Come si può scrivere un metodo per tracciare le modifiche nel routing per caricare i dati corrispondenti?