Frontend

წერე ფუნქცია რიცხვების მასივის მედიანის გამოთვლისთვის.

მითხარით E2E-ტესტირების შესახებ Playwright-თან: როგორ იყო მოწყობილი ტესტირების სისტემა, როგორ ხდებოდა მისი გაშვება, როგორ ურთიერთქმედებდნენ ბექენდთან, როგორ აღწევდნენ ტესტის მონაცემების გამეორებადობას?

Vue 2 მომხმარებლის როლის მინიჭების მიმოხილვა ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

არსებობს 200 ID-იანი მასივი. საჭიროა თითოეულისთვის /api/users/:id-ზე მოთხოვნის გაგზავნა. დაწერეთ ფუნქცია, რომელიც ახორციელებს მოთხოვნებს, მაგრამ არა უმეტეს N-ის ერთდროულად, და აბრუნებს შედეგებს შესვლის მასივის წესრიგში.

Nuxt 2 მიკსინის მიმოხილვა მოწყობილობის გამოვლენის მიზნით ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Playwright-თან მუშაობის დროს რა საინტერესო შემთხვევები ან ნორმიდან გადახრილი სიტუაციები შეგხვდათ?

რა შეიძლება იყოს გრძელი თეთრი ეკრანის მიზეზები SSR (Nuxt) დროს? როგორ გამოვლინოთ და გადავწყვიტოთ დიდი Time to First Byte-ის პრობლემა?

როგორ შეიძლება კეშირება მოხდეს Nuxt-ის აპლიკაციაში გვერდებისა/პასუხების ნაკადის შესამცირებლად? მუშაობდით თუ Redis ან Nitro-კეშთან?

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) } }

Nuxt მიკსინის მიმოხილვა 2 - ზომის ცვლილების მოსმენის მექანიზმი ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Vue 2-დან Vue 3-მდე გადასვლის დროს ბინადრის შესახებ ისაუბრე: Webpack (Vue CLI) იყო, ახლა Vite. იყო რაიმე საინტერესო corner-case-ები, კონფიგურაციის კონფლიქტები ან რამე, რასაც უნდა გადაწერო?