Frontend

Vue 2 istifadəçisinə rol təyin etmənin nəzərdən keçirilməsi ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Playwright ilə E2E-testlər haqqında danışın: test sisteminin quruluşu necə idi, necə işə salınırdı, backend ilə necə qarşılıqlı əlaqədə idi, test məlumatlarının təkrarlanmasını necə təmin edirdilər?

Rəqəmlər massivinin medianını hesablamaq üçün bir funksiya yazın.

200 ID-dən ibarət massiv var. Hər biri üçün /api/users/:id-ə sorğu göndərməlisiniz. N qədər eyni vaxtda sorğu göndərə bilən və nəticələri giriş massivinin sırasına görə qaytaran bir funksiya yazın.

Nuxt 2 miksininin cihaz aşkarlanması üçün nəzərdən keçirilməsi ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Playwright ilə işləyərkən rastlaşdığınız maraqlı hallar və ya qeyri-standart vəziyyətlər hansılardır?

Nuxt tətbiqində səhifələri/cavabları necə keşik etmək olar yüklənməni azaltmaq üçün? Redis və ya Nitro keşikləşməsi ilə işlədinizmi?

SSR (Nuxt) zamanı uzun ağ ekranın səbəbləri nələr ola bilər? Birinci bayt vaxtını uzun edən problemi necə diaqnostika etmək və həll etmək olar?

Vue 2-dən Vue 3-ə keçid haqqında danış: nə dəyişdi (VueX-dən Pinia-ya, Options API-dən Composition API-ya, Vue.extend-dən defineComponent-ə, new Vue-dən createApp-ə və s.)?

Nuxt-da səhifə performansının optimallaşdırılması haqqında danışın: nə ilə üzləşdiniz, hansı problemləri həll etdiniz və necə.

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.

Vue 2-dən Vue 3-ə keçid zamanı yığıcı haqqında danış: Webpack (Vue CLI) vardı, indi Vite. Maraqlı corner-case-lər, konfiqurasiya münaqişələri və ya yenidən yazmaq lazım olan şeylər oldumu?

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

Nuxt miksininin nəzərdən keçirilməsi 2 - ölçü dəyişiklikləri dinləyicisi ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```