Frontend

Napisz funkcję do obliczania mediany tablicy liczb.

Opowiedz o testach E2E z Playwright: jak był zorganizowany system testowania, jak był uruchamiany, jak współpracował z backendem, jak zapewniano powtarzalność danych testowych?

Przegląd przydzielania roli użytkownikowi Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Istnieje tablica z 200 identyfikatorami. Dla każdego trzeba wykonać zapytanie do /api/users/:id. Napisz funkcję, która wykonuje te zapytania, ale nie więcej niż N jednocześnie, i zwraca wyniki w kolejności wejściowej tablicy.

Przegląd mixinu Nuxt 2 do wykrywania urządzenia ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Jakie ciekawe przypadki lub nietypowe sytuacje napotkałeś podczas pracy z Playwright?

Jak można buforować strony/odpowiedzi w aplikacji Nuxt, aby zmniejszyć obciążenie? Czy pracowałeś z Redis lub Nitro-cache?

Jakie mogą być przyczyny długiego białego ekranu podczas SSR (Nuxt)? Jak diagnozować i rozwiązać problem długiego czasu do pierwszego bajtu?

Opowiedz o przejściu z Vue 2 na Vue 3: co się zmieniło (VueX na Pinia, Options API na Composition API, Vue.extend na defineComponent, new Vue na createApp itp.)?

Opowiedz o optymalizacji wydajności stron w Nuxt: z czym się spotkałeś, jakie problemy rozwiązałeś i jak.

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.

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

Przegląd miksinu Nuxt 2 - słuchacz zmiany rozmiaru ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Opowiedz o bundlerze podczas przejścia z Vue 2 na Vue 3: był Webpack (Vue CLI), teraz Vite. Czy były jakieś interesujące corner-case'y, konflikty konfiguracji, które trzeba było przepisać?