Frontend

Scrivi una funzione per calcolare la mediana di un array di numeri.

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?

C'è un array di 200 ID. Devi fare una richiesta a /api/users/:id per ciascuno. Scrivi una funzione che esegua le richieste, ma non più di N contemporaneamente, e che restituisca i risultati nell'ordine dell'array di input.

Revisione dell'assegnazione del ruolo all'utente Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Revisione del mixin Nuxt 2 per la rilevazione del dispositivo ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Quali casi interessanti o situazioni non standard hai incontrato lavorando con Playwright?

Come si possono mettere in cache le pagine/risposte in un'app Nuxt per ridurre il carico? Hai lavorato con Redis o caching Nitro?

Quali possono essere le cause di una schermata bianca lunga durante SSR (Nuxt)? Come diagnosticare e risolvere il problema del lungo Time to First Byte?

Parla del passaggio da Vue 2 a Vue 3: cosa è cambiato (VueX a Pinia, Options API a Composition API, Vue.extend a defineComponent, new Vue a createApp, ecc.)?

Parlami di ottimizzazione delle prestazioni delle pagine in Nuxt: con cosa ti sei confrontato, quali problemi hai risolto e come.

async function loadUsers(ids) { const users = [] ids.forEach(async id => { const res = await fetch(`/api/users/${id}`) const user = await res.json() users.push(user) }) return users } Identify the problem with this code and suggest how to fix it.

funzione debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Revisione del mixin Nuxt 2 - ascoltatore di ridimensionamento ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Parla del bundler durante la migrazione da Vue 2 a Vue 3: c'era Webpack (Vue CLI), ora Vite. Ci sono stati corner case interessanti, conflitti di configurazione o cose che hai dovuto riscrivere?