Frontend

Ի՞նչ ձևաչափով են գալիս ձեր առաջադրանքները: Որքան ինքնուրույն եք?

Ի՞նչ հիմնական HTML տեգեր եք գիտակցում:

Կպատմեք ինձ մի փոքր ձեր մասին և ձեր ամենագեղեցիկ փորձի մասին։

Իմացեք ինձ և ձեր աշխատանքային փորձը։

Կատարեք debounce(fn, delay) ֆունկցիայի իրականացմանը, որը հետաձգում է ֆունկցիայի կանչը նշված լռության ժամանակի ավարտից մինչև։

Իրականացրեք դասը ըստ դիտորդի (Observer / Event Emitter) ձևանմուշի՝ գրանցողների պահպանում, իրադարձության գրանցում, գրանցումից դուրս գալ, գրանցողներին տեղեկացնել։

Դուք հիշատակեցիք թեստերը — արդյոք դուք գրել եք թեստեր [կազմակերպություն] և ձեր վերջին աշխատանքում?

Իրականացրեք EventEmitter դասը՝ subscribe(event, handler) մեթոդը՝ իրադարձության գրանցման համար և emit(event, data) մեթոդը՝ բոլոր գրանցվածներին կանչելու համար: Նույնպես իրականացրեք unsubscribe մեթոդը։

Ինչպե՞ս եք լուծել նոր ստեքի և Legacy-կոդի համատեղ գոյության խնդիրն մեկ նախագծում: Դիտարկե՞լ եք միկրո-ֆրոնտենդներ կամ վեբ-կոմպոնենտներ։

Դու ունե՞ս Vue 2-ից Vue 3-ի միգրացիայի փորձ — ինչն է հենց դու արել ես?

Կատարեք debounce ֆունկցիան.

Վիրտուալ սքրոլի իրականացմանը: կա երկար հաղորդագրությունների ցանկ (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-ը հեռացրեք } function emit(event, payload) { // TODO: բոլոր բաժանորդներին կանչեք } 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) => { // կոդը այստեղ գրեք return fn(...args); }; // և այստեղ return wrapped; }

Վիրտուալ ցանկ (Virtual List) իրականացրեք՝ կա երկար հաղորդագրությունների ցանկ, և անհրաժեշտ է միայն տեսանելի տարրերը ցուցադրել 300 պիքսել բարձրության ֆիքսված կոնտեյներով: Մի շարք բարձրությունը 30 պիքսել է։

Ինչու եք եզրակացրել, որ անհրաժեշտ է անհատական UI-կիթ, և ոչ պարզապես օգտագործել պատրաստ UI տարրեր?

Պատմեք ձեր համապատասխան աշխատանքային փորձի մասին։