Frontend

Vazifa qanday formatda keladi? Qanchalik mustaqil bo'lasiz?

Qaysi asosiy HTML teglarini bilasiz?

O'zingiz va eng qiziqarli tajribangiz haqida biroz gapiring.

O'zingiz va ish tajribangiz haqida gapirib bering.

fn va delay parametrlari bilan debounce funksiyasini amalga oshiring, bu funksiya belgilangan tinchlik vaqtidan keyin chaqiriladi.

Observer / Event Emitter naqshiga muvofiq sinfni amalga oshiring: obunachilarni saqlash, voqeaga obuna bo'lish, obunani bekor qilish, obunachilarga xabar berish.

Siz testlardan gapirgansiz — [kompaniya] va oxirgi ish joyingizda test yozgansizmi?

EventEmitter sinfini yarat: subscribe(event, handler) usulini voqeaga yozilish uchun va emit(event, data) usulini barcha yozilganlarga chaqirish uchun. Shuningdek, unsubscribe usulini ham amalga oshir.

Yangi stack va Legacy-kodning bir loyiha ichida birgalikda mavjud bo‘lish muammosini qanday hal qildingiz? Micro frontends yoki veb-komponentlarni ko‘rib chiqdimizmi?

Vue 2 dan Vue 3 ga o'tish jarayonida ishtirok etish tajribangiz bormi — aniq nima qilganingizni?

Debounce funksiyasini amalga oshiring.

Virtual skrollni amalga oshirish: uzun ro'yxatdagi xabarlar (10 000 ta element), faqat ko'rinadigan elementlarni 300px balandlikdagi qattiq konteyner ichida, 30px satr balandligida render qilish kerak.

Vazifa qanday formatda keladi? O'z-o'zini boshqarish darajasi yuqori bo'ladimi?

function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: handler'ı kaldır } function emit(event, payload) { // TODO: tüm abone olanları çağır } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);

Amaliy vazifa: ikki massiv ob'ektlar bilan ishlash — kalit bo'yicha taqqoslash va Map tuzilmalaridan foydalanib ikki tsikl bilan yurish

Test yozish bo'yicha tajribangiz bormi? Qaysi testlarni yozdingiz va qanchalik hajmda?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // kodni yozing return fn(...args); }; // va bu yerda return wrapped; }

Nima uchun tayyor UI elementlaridan foydalanish o'rniga, moslashtirilgan UI-kit talab qilinishiga qaror qildingiz?

Virtual ro'yxatni (Virtual List) amalga oshiring: uzun xabarlar ro'yxati bor, va faqat 300 piksel balandlikdagi doimiy konteyner ichidagi ko'rinadigan elementlarni render qilish kerak. Bir satrning balandligi 30 piksel.

O'zingizga mos ish tajribangiz haqida gapiring.