Frontend

Vue 2 kasutaja rolli määramise ülevaade ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } }

Räägi mulle E2E-testimis Playwrightiga: kuidas oli testimissüsteem üles ehitatud, kuidas see käivitati, kuidas nad suhtlesid backendiga, kuidas saavutati testandmete korduvus?

Kirjutage funktsioon, mis arvutab arvude massiivi mediaani.

On massiiv, kus on 200 ID-d. Igaühe jaoks tuleb teha päring /api/users/:id. Kirjutage funktsioon, mis teostab päringud, kuid mitte rohkem kui N korraga, ja tagastab tulemused sisendmassivi järjekorras.

Nuxt 2 miksiņa pārskats ierīces noteikšanai ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } }

Milliseid huvitavaid juhtumeid või ebatavalisi olukordi olete Playwrightiga töötades kohanud?

Kuidas saab Nuxt rakenduses lehti/vastuseid vahemällu salvestada, et koormust vähendada? Kas olete töötanud Redis või Nitro-vahemäluga?

Millised võivad olla pika valge ekraani põhjused SSR (Nuxt) ajal? Kuidas diagnoosida ja lahendada suure Time to First Byte probleem?

Rääkige Vue 2-st Vue 3-ile üleminekust: mis muutus (VueX-st Pinia-sse, Options API-st Composition API-sse, Vue.extend-st defineComponent-i, new Vue-st createApp-i jne).

Rääkige mulle Nuxtis lehtede jõudluse optimeerimisest: millega te kokku puutusite, milliseid probleeme lahendasite ja kuidas.

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.

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

Nuxt miksini ülevaade 2 - suuruse muutmise kuulaja ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } }

Räägi ehitaja kohta Vue 2-st Vue 3-sse üleminekul: oli Webpack (Vue CLI), nüüd Vite. Kas olid huvitavad corner-case'id, konfiguratsioonikonfliktid või asjad, mida pidi ümber kirjutama?