Frontend

Napíšte funkciu na výpočet mediánu poľa čísel.

Povedaj mi o E2E testiranju s Playwright: kako je bil sistem testiranja organiziran, kako je bil zagnan, kako so sodelovali z backendom, kako so zagotavljali reproducibilnost testnih podatkov?

Prehod hodnotenia prideľovania úlohy používateľovi Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Existuje pole s 200 ID. Pre každý je potrebné urobiť požiadavku na /api/users/:id. Napíšte funkciu, ktorá vykonáva požiadavky, ale nie viac ako N súčasne, a vracia výsledky v poradí vstupného poľa.

Prehod cez Nuxt 2 mixin za detekciu zariadenia ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Aké zaujímavé prípady alebo nestandardné situácie ste zažili pri práci s Playwright?

Ako je možné cacheovať stránky/odpovede v Nuxt aplikácii na zníženie záťaže? Pracoval si s Redis alebo Nitro cache?

Aké môžu byť príčiny dlhého bieleho displeja pri SSR (Nuxt)? Ako diagnostikovať a riešiť problém s vysokým časom do prvého bajtu?

Povedaj o prehodu z Vue 2 na Vue 3: kaj se je spremenilo (VueX na Pinia, Options API na Composition API, Vue.extend na defineComponent, new Vue na createApp itd.)?

Povej mi o optimizaciji zmogljivosti strani v Nuxt: s čim si se srečal, katere težave si rešil in kako.

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.

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

Prehľad Nuxt mixinu 2 - poslucháč zmeny veľkosti ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Povedz o buildri pri prechode z Vue 2 na Vue 3: bol Webpack (Vue CLI), teraz Vite. Boli nejaké zaujímavé corner-case, konflikty konfigurácie alebo veci, ktoré si musel prepísať?