Frontend

Írjon egy függvényt a számok tömbjének mediánjának kiszámítására.

Mesélj az E2E-tesztelésről Playwright-tal: hogyan volt felépítve a tesztelőrendszer, hogyan indult, hogyan működött együtt a backenddel, hogyan érték el a tesztadatok reprodukálhatóságát?

A Vue 2 felhasználói szerepkör hozzárendelésének áttekintése ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

200 azonosítót tartalmazó tömb van. Mindenhez el kell menned a /api/users/:id végpontjára. Írj egy függvényt, amely végrehajtja a kéréseket, de nem több, mint N egyidejűleg, és visszaadja az eredményeket a bemeneti tömb sorrendjében.

A Nuxt 2 mixin áttekintése az eszköz felismeréséhez ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Milyen érdekes esetek vagy nem szokványos helyzetek fordultak elő a Playwright használata közben?

Hogyan lehet cache-elni oldalakat/válaszokat Nuxt alkalmazásban a terhelés csökkentése érdekében? Dolgozott Redis-sel vagy Nitro-cache-el?

Milyen okok állhatnak a hosszú fehér képernyő mögött SSR (Nuxt) esetén? Hogyan diagnosztizáljuk és oldjuk meg a nagy Time to First Byte problémát?

Mesélj a Vue 2-ről Vue 3-ra való átállásról: mi változott (VueX helyett Pinia, Options API helyett Composition API, Vue.extend helyett defineComponent, new Vue helyett createApp stb.)?

Mesélj a Nuxt oldal teljesítményének optimalizálásáról: mivel szembesültél, milyen problémákat oldottál meg és hogyan.

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.

késleltetés függvény (debounce) fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Nuxt mixin áttekintése 2 - átméretezés figyelő ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Mesélj a builderről Vue 2-ről Vue 3-ra való átálláskor: Webpack (Vue CLI) volt, most Vite. Volt-e valami érdekes corner-case, konfigurációs konfliktus vagy amit át kellett írni?