Frontend

Schrijf een functie om de mediaan van een array met getallen te berekenen.

Vertel me over E2E-testen met Playwright: hoe was het testsysteem opgezet, hoe werd het uitgevoerd, hoe werkten ze samen met de backend, hoe werd de reproduceerbaarheid van testgegevens bereikt?

Herziening van de roltoewijzing aan de Vue 2-gebruiker ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Er is een array van 200 id's. Voor elk moet je naar /api/users/:id gaan. Schrijf een functie die de verzoeken uitvoert, maar niet meer dan N tegelijk, en de resultaten retourneert in de volgorde van de invoerarray.

Review van de Nuxt 2-mixin voor apparaatdetectie ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Welke interessante gevallen of niet-standaard situaties ben je tegengekomen bij het werken met Playwright?

Wat kunnen de oorzaken zijn van een lange witte scherm tijdens SSR (Nuxt)? Hoe diagnoseer en los je het probleem van een hoge Time to First Byte op?

Hoe kun je pagina's/antwoorden cachen in een Nuxt-toepassing om de belasting te verminderen? Heb je met Redis of Nitro-caching gewerkt?

Vertel me over de overgang van Vue 2 naar Vue 3: wat is er veranderd (VueX naar Pinia, Options API naar Composition API, Vue.extend naar defineComponent, new Vue naar createApp, enz.)?

Vertel me over de optimalisatie van de paginaprestaties in Nuxt: waarmee je te maken had, welke problemen je hebt opgelost en hoe.

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.

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

Review van de Nuxt-mixin 2 - resize listener ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Vertel over de bundler bij de overstap van Vue 2 naar Vue 3: er was Webpack (Vue CLI), nu Vite. Waren er interessante corner-cases, configuratieconflicten, of dingen die je moest herschrijven?