Frontend

Vue 2 kullanıcısına rol atamasının gözden geçirilmesi ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Playwright ile E2E testleri hakkında bana anlat: Test sistemleri nasıl yapılandırıldı, nasıl çalıştırıldı, backend ile nasıl etkileşime geçildi, test verilerinin tekrar üretilebilirliği nasıl sağlandı?

Bir sayı dizisinin medyanını hesaplamak için bir fonksiyon yazın.

200 kimlikten oluşan bir dizi var. Her biri için /api/users/:id'ye istek yapmanız gerekiyor. Aynı anda en fazla N istek yapacak ve sonuçları giriş dizisinin sırasına göre döndürecek bir fonksiyon yazın.

Nuxt 2 karışımının cihaz tespiti incelemesi ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Playwright ile çalışırken karşılaştığınız ilginç durumlar veya standart dışı durumlar nelerdir?

Nuxt uygulamasında sayfaları/yanıtları önbelleğe almak için nasıl yapılır? Redis veya Nitro önbellekleme ile çalıştınız mı?

SSR (Nuxt) sırasında uzun beyaz ekranın olası nedenleri nelerdir? Time to First Byte sorununu nasıl teşhis edip çözebilirsiniz?

Vue 2'den Vue 3'e geçiş hakkında bilgi ver: neler değişti (VueX'ten Pinia'ya, Options API'den Composition API'ye, Vue.extend'ten defineComponent'e, new Vue'den createApp'e vb.)?

Nuxt'ta sayfa performansını optimize etme hakkında bana anlatın: neyle karşılaştınız, hangi sorunları çözdünüz ve nasıl yaptınız?

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'den Vue 3'e geçerken derleyici hakkında anlat: Webpack (Vue CLI) vardı, şimdi Vite. İlginç köşe vakaları, yapılandırma çatışmaları veya yeniden yazılması gereken şeyler oldu mu?

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

Nuxt karışımının gözden geçirilmesi 2 - yeniden boyutlandırma dinleyicisi ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```