Frontend

Scrieți o funcție pentru a calcula mediana unui array de numere.

Vorbește-mi despre testele E2E cu Playwright: cum a fost structurat sistemul de testare, cum a fost lansat, cum au interacționat cu backend-ul, cum au asigurat reproducibilitatea datelor de test?

Revizuirea atribuirii rolului utilizatorului Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Există un array de 200 de ID-uri. Trebuie să faci o cerere pentru fiecare la /api/users/:id. Scrie o funcție care efectuează cererile, dar nu mai mult de N simultan, și returnează rezultatele în ordinea array-ului de intrare.

Revizuirea mixin-ului Nuxt 2 pentru detectarea dispozitivului ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Ce cazuri interesante sau situații neobișnuite ai întâlnit în timpul lucrului cu Playwright?

Cum poți cache-iza paginile/răspunsurile într-o aplicație Nuxt pentru a reduce sarcina? Ai lucrat cu Redis sau caching Nitro?

Care pot fi cauzele ecranului alb prelungit în timpul SSR (Nuxt)? Cum să diagnostichezi și să rezolvi problema timpului mare până la primul byte?

Povestește despre trecerea de la Vue 2 la Vue 3: ce s-a schimbat (VueX în Pinia, Options API în Composition API, Vue.extend în defineComponent, new Vue în createApp etc.)?

Vorbește-mi despre optimizarea performanței paginilor în Nuxt: cu ce te-ai confruntat, ce probleme ai rezolvat și cum.

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.

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

Revizuirea mixin-ului Nuxt 2 - ascultător de redimensionare ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Povestește despre bundler-ul la trecerea de la Vue 2 la Vue 3: era Webpack (Vue CLI), acum Vite. Au fost cazuri interesante, conflicte de configurație sau lucruri pe care a fost nevoie să le rescrii?