Frontend
/* Անհրաժեշտ է իրականացնել intersection մեթոդը, որը ընդլայնում է ստանդարտ հավաքների (Set) մեթոդները: Մեթոդը ընդունում է այլ հավաք և վերադարձնում նոր հավաք, որը հանդիսանում է սկզբնական և փոխանցված հավաքների հատման արդյունքը, այսինքն՝ պարունակում է միայն այն տարրերը, որոնք առկա են երկու հավաքներում: */ // ձեր կոդը const set1 = new Set([1, 2, 3, 4]); const set2 = new Set([3, 4, 5, 6, 7, 8]); console.log(...set1.intersection(set2)) // 3 4 --- Set.prototype.intersection = function (set2) { const result = new Set(); for(const value of this) { if (set2.has(value)) result.add(value); } return result; } const set1 = new Set([1, 2, 3, 4]); const set2 = new Set([3, 4, 5, 6, 7, 8]); console.log(...set1.intersection(set2)) // 3 4
Ի՞նչ կարելի է պահել useRef-ում useState-ի փոխարեն։
Ինչն է ձեզ դուր գալիս և ինչն է ձեզ դուր չգալիս աշխատանքի մեջ ընկերությունում։
Ի՞նչ է բրաուզերների միջև համատեղելիությունը և ինչպես լուծել CSS համատեղելիության խնդիրները բրաուզերների միջև։
Ինչ է XSS (Cross-Site Scripting)? Ինչպես պայքարել դրա դեմ? Ինչ է CSP?
Կպատմեք մի փոքր ձեր վերջին աշխատանքային փորձի մասին և ինչ եք սպասում նոր դիրքից։
Դե, դու մասնակից էիր, ընդհանուր առմամբ, ճարտարապետությանը, պլանավորմանը?
Կոդի բաժանում (code splitting) կար նախագծում? Որ հավաքիչը օգտագործվեց?
function createRateLimiter(limit, interval) {} // Փորձեր const limiter = createRateLimiter(2, 100); let count = 0; const fn = () => { count++ console.log(count) }; limiter(fn); // count = 1 limiter(fn); // count = 2 limiter(fn); // Անտեսված (սահմանափակում 2/100մս) setTimeout(() => limiter(fn), 150); // count = 3 (անցել է >100մս)
Ի՞նչ է քուկի, ինչպես են աշխատում և ինչպիսի անվտանգության դրոշներ ունեն:
Ի՞նչ է CORS-ը և ինչպես է աշխատում։
Խոսեք վերջին ժամանակներում ձեր մասնակցած նախագծերի մասին։
Կա՞նք եղել խնդիրներ գործառույթների իրականացման ընթացքում և ինչպես եք դրանք լուծել:
Նկարագրեք էջ, որը շատ քարտերով և lazy loading-ով (ինչպես Stripchat-ում): Որոնք եք տեսնում corner cases-ները, ինչ խնդիրներ կարող են լինել, ինչ եք օպտիմալացնում? Ինչպես է աշխատում վիրտուալիզացիան (React Window)?
Խոսեք React-ում մեմոիզացիայի մասին՝ useMemo, useCallback և React.memo: Ինչպես են աշխատում և ինչու են անհրաժեշտ:
type Row = { id: number; name: string; } const tableData: Row[] = [ {id: 1, name: "A"}, {id: 2, name: "B"}, ] type Validator = (value: unknown) => string | undefined; console.log("...");
Դուք սկսեցիք սովորել React-ը, և React-ը ավելի հանրաճանաչ է և ավելի շատ աշխատատեղեր կան դրա համար: Ինչու եք վերջապես անցել Angular-ին?
Իմացեք ձեր թիմի զարգացման գործընթացների մասին՝ մեթոդաբանություն, սպրինտներ, կոդի վերանայում, տեղադրում։
Ի՞նչ է prop drilling-ը: Որքան մակարդակի խորություն է ընդունելի:
Կա՞ն սխալներ արտադրությունում ամբողջ գործընթացից հետո։