Frontend

Γράψτε μια συνάρτηση για τον υπολογισμό της διάμεσου ενός πίνακα αριθμών.

Μίλησέ μου για τις δοκιμές E2E με Playwright: πώς ήταν δομημένο το σύστημα δοκιμών, πώς ξεκινούσε, πώς αλληλεπιδρούσαν με το backend, πώς εξασφάλιζαν την αναπαραγωγιμότητα των δοκιμαστικών δεδομένων;

Ανασκόπηση της ανάθεσης ρόλου στον χρήστη Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Υπάρχει ένας πίνακας με 200 IDs. Πρέπει να κάνεις αίτημα σε /api/users/:id για κάθε ένα. Γράψε μια συνάρτηση που εκτελεί τα αιτήματα, αλλά όχι περισσότερα από N ταυτόχρονα, και επιστρέφει τα αποτελέσματα με τη σειρά του εισερχόμενου πίνακα.

Ανασκόπηση του mixin Nuxt 2 για τον εντοπισμό συσκευής ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Ποια ενδιαφέροντα περιστατικά ή μη τυπικές καταστάσεις συναντήσατε κατά τη δουλειά με το Playwright;

Πώς μπορείτε να αποθηκεύσετε προσωρινά σε cache τις σελίδες/απαντήσεις σε μια εφαρμογή Nuxt για να μειώσετε το φόρτο; Έχετε δουλέψει με Redis ή Nitro caching;

Ποιες μπορεί να είναι οι αιτίες μιας μακράς λευκής οθόνης κατά το SSR (Nuxt); Πώς να διαγνώσετε και να λύσετε το πρόβλημα του μεγάλου Time to First Byte;

Μίλησε για τη μετάβαση από το Vue 2 στο Vue 3: τι άλλαξε (VueX σε Pinia, Options API σε Composition API, Vue.extend σε defineComponent, new Vue σε createApp κ.ά.)

Πες μου για τη βελτιστοποίηση της απόδοσης των σελίδων στο Nuxt: με τι αντιμετωπίσατε, ποια προβλήματα λύσατε και πώς.

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.

λειτουργία debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Ανασκόπηση του mixin Nuxt 2 - ακροατής αλλαγής μεγέθους ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Πες μου για τον builder κατά τη μετάβαση από Vue 2 σε Vue 3: υπήρχε Webpack (Vue CLI), τώρα Vite. Υπήρχαν ενδιαφέροντα corner-case, συγκρούσεις ρυθμίσεων ή πράγματα που έπρεπε να ξαναγράψεις;