Frontend

Playwright bilan E2E-testlar haqida gapiring: test tizimi qanday tashkil etilgan, qanday ishga tushirilgan, backend bilan qanday hamkorlik qilgan, test ma'lumotlarining takrorlanishini qanday ta'minlagan?

Raqamlar massivining medianasini hisoblash uchun funksiya yozing.

Vue 2 foydalanuvchisiga rol tayinlashni ko'rib chiqish ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

200 ta ID dani bo'lgan massiv bor. Har bir uchun /api/users/:id ga so'rov yuborish kerak. So'rovlarni bajaradigan, lekin bir vaqtning o'zida N dan ortiq bo'lmagan va natijalarni kirish massivining tartibida qaytaradigan funktsiya yozing.

Nuxt 2 miksinining qurilmani aniqlash bo'yicha ko'rib chiqilishi ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Playwright bilan ishlash davomida qanday qiziqarli holatlar yoki odatiy bo'lmagan vaziyatlar yuzaga keldi?

Nuxt ilovasida sahifalar/ javoblarni qanday kesh qilish mumkin, yuklamani kamaytirish uchun? Redis yoki Nitro-kesh bilan ishladingizmi?

SSR (Nuxt) davomida uzoq oq ekran bo'lishining sabablari nima? Birinchi baytga yetish vaqti muammosini qanday tashxis qilish va hal qilish mumkin?

Vue 2 dan Vue 3 ga o'tish haqida gapir: nima o'zgardi (VueX dan Pinia ga, Options API dan Composition API ga, Vue.extend dan defineComponent ga, new Vue dan createApp ga va boshqalar)?

Nuxtda sahifa ishlashini optimallashtirish haqida gapirib bering: nima bilan yuzlashdingiz, qanday muammolarni hal qildingiz va qanday qilib.

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.

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

Nuxt miksinini ko'rib chiqish 2 - o'lcham o'zgarishini tinglovchi ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Vue 2 dan Vue 3 ga o'tishda yig'uvchi haqida gapir: Webpack (Vue CLI) bor edi, hozir Vite. Qiziqarli corner-case'lar, konfiguratsiya nizolari yoki qayta yozish kerak bo'lgan narsalar bo'ldimi?