Frontend

Чӣ формати вазифаҳоро ба шумо меоянд? Дар кадом дараҷаи мустақилӣ ҳастед?

Кадом тегҳои асосии HTML-ро медонед?

Дар бораи худ ва таҷрибаи ҷолибтаринат каме гӯед.

Функсияи debounce(fn, delay)-ро амалӣ кунед, ки даъвати функсияро то анҷоми вақти оромии муайяншуда таъхир мекунад.

Тавсия диҳед, ки классро мувофиқи намунаи Observer (Observer / Event Emitter) амалӣ кунед: нигоҳдории обунаҳо, обуна шудан ба ҳодиса, аз ҳодиса хориҷ шудан, огоҳ кардани обунаҳо.

Дар бораи худ ва таҷрибаи кории худ нақл кунед.

Шумо тестҳоро зикр кардед — оё дар [шаҳсият] ва дар ҷойи охирини корӣ тестҳо навиштаед?

Иштирокчига жазылуу үчүн subscribe(event, handler) жана бардык жазылуучуларды чакыруучу emit(event, data) методдорун ишке ашырыңыз. Ошондой эле unsubscribe методун да ишке ашырыңыз.

Чӣ гуна шумо масъалаи ҳамҷоя будани стеки нав ва коди Legacy-ро дар як лоиҳа ҳал кардед? Оё микро фронтендҳо ё компонентҳои вебро баррасӣ кардед?

Функсияи debounce-ро амалӣ кунед.

Оё таҷрибаи иштирок дар мигратсия бо Vue 2 ба Vue 3 дорӣ — чӣ коре ки худат кардӣ, чӣ буд?

Имплементи виртуалӣ скролл: рӯйхати дарозии паёмҳо (10 000 унсур), танҳо унсурҳои намоён дар дохили контейнер бо баландии 300px, бо баландии сатр 30px бояд рендер карда шаванд.

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-ı sil } function emit(event, payload) { // TODO: bütün abuneleri ç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);

Дар вазифаҳо дар кадом формат меоянд? Оё шумо дараҷаи баландтарини мустақилӣ доред?

Оё таҷрибаи навиштани тестҳо дорӣ? Кадом тестҳоро навиштӣ ва дар кадом миқдор?

Вазифаи амалӣ: кор бо ду массиви объектҳо — муқоиса ба асоси калид бо истифода аз сохторҳои Map ва гузаштан бо ду давр

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) => { // кодын buraya yazın return fn(...args); }; // və burada return wrapped; }

Иҷрои рӯйхати виртуалӣ (Virtual List): рӯйхати дарозии паёмҳо вуҷуд дорад, ва бояд танҳо унсурҳои намоён дар дохили контейнер бо баландии доимии 300 пиксел рендер карда шаванд. Баландии як сатр 30 пиксел аст.

Чаро ба хулоса расидедед, ки ниёз ба як UI-кит-и фармоишӣ ҳаст, на танҳо истифодаи унсурҳои UI-и тайёр?

Дар бораи таҷрибаи кории мувофиқатон нақл кунед.