Frontend

Schreiben Sie eine Funktion, um den Median eines Arrays von Zahlen zu berechnen.

Erzählen Sie mir von E2E-Tests mit Playwright: Wie war das Testsystem aufgebaut, wie wurde es ausgeführt, wie interagierten sie mit dem Backend, wie wurde die Reproduzierbarkeit der Testdaten sichergestellt?

Überprüfung der Rollenzuweisung an den Vue 2-Benutzer ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Es gibt ein Array mit 200 IDs. Für jeden muss eine Anfrage an /api/users/:id gemacht werden. Schreibe eine Funktion, die die Anfragen ausführt, aber nicht mehr als N gleichzeitig, und die die Ergebnisse in der Reihenfolge des Eingabearrays zurückgibt.

Überprüfung des Nuxt 2-Mixins zur Geräteerkennung ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Welche interessanten Fälle oder ungewöhnlichen Situationen sind bei der Arbeit mit Playwright aufgetreten?

Wie kann man Seiten/Antworten in einer Nuxt-Anwendung zwischenspeichern, um die Last zu reduzieren? Haben Sie mit Redis oder Nitro-Caching gearbeitet?

Was könnten die Ursachen für einen langen weißen Bildschirm bei SSR (Nuxt) sein? Wie diagnostiziert und löst man das Problem eines hohen Time to First Byte?

Erzählen Sie mir von dem Übergang von Vue 2 zu Vue 3: Was hat sich geändert (VueX zu Pinia, Options API zu Composition API, Vue.extend zu defineComponent, new Vue zu createApp usw.)?

Erzählen Sie mir von der Optimierung der Seitenleistung in Nuxt: Womit sind Sie konfrontiert, welche Probleme haben Sie gelöst und wie?

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.

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

Überprüfung des Nuxt-Mixins 2 - Resize-Listener ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Erzählen Sie vom Bundler beim Umstieg von Vue 2 auf Vue 3: Es gab Webpack (Vue CLI), jetzt Vite. Gab es interessante Corner-Cases, Konflikte in der Konfiguration, die neu geschrieben werden mussten?