Frontend

Uzrakstiet funkciju, lai aprēķinātu skaitļu masīva mediānu.

Pastāsti par E2E testēšanu ar Playwright: kā tika organizēta testēšanas sistēma, kā tā tika palaista, kā sadarbojās ar backend, kā nodrošināja testu datu reproducējamību?

Vue 2 lietotāja lomas piešķiršanas pārskatīšana ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Ir masīvs ar 200 ID. Katram jāveic pieprasījums uz /api/users/:id. Uzrakstiet funkciju, kas veic pieprasījumus, bet ne vairāk kā N vienlaikus, un atgriež rezultātus pēc ievades masīva kārtības.

Nuxt 2 miksiņa pārskats ierīces noteikšanai ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Kādus interesantus gadījumus vai nestandarta situācijas esat sastapis, strādājot ar Playwright?

Kā var kešēt lapas/atbildes Nuxt lietojumprogrammā, lai samazinātu slodzi? Vai esat strādājis ar Redis vai Nitro kešatmiņu?

Kādas var būt ilgā baltā ekrāna cēloņi SSR (Nuxt) laikā? Kā diagnosticēt un risināt problēmu ar ilgo Time to First Byte?

Pastāsti par pāreju no Vue 2 uz Vue 3: kas mainījās (VueX uz Pinia, Options API uz Composition API, Vue.extend uz defineComponent, new Vue uz createApp utt.)?

Pastāsti par lapu veiktspējas optimizāciju Nuxt: ar ko saskārāties, kādas problēmas risinājāt un kā.

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.

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

Nuxt miksaņa pārskats 2 - izmēra maiņas klausītājs ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Pastāsti par būvētāju, pārejot no Vue 2 uz Vue 3: bija Webpack (Vue CLI), tagad Vite. Vai bija kādi interesanti corner-case, konfigurācijas konflikti vai kas, kas bija jāpārraksta?