Frontend

Өнімдік ортада форма мәселелерін қалай анықтауға болады, егер ол жұмысын тоқтатса (мысалы, тіркеу аяқталмаса)?

function promiseWithResolve() { // Іске асырылмаған } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

TTFB (Time To First Byte) метрикасы — ол SSR кезінде қалай төмендеуі мүмкін, оның табиғаты қандай және оны қалай жақсартуға болады? Enter түймесін басқан сәттен бастап экранда бір нәрсе пайда болғанға дейін не болатынын сипаттаңыз.

Берілген функцияның шақыру санын белгіленген шектеуге дейін шектейтін callLimit функциясын жүзеге асырыңыз, сонымен қатар есептегішті қалпына келтіру үшін reset әдісін қамтамасыз етеді.

Сіз санды жинақтайтын аргументпен шақырылғанда, жинақталған санды қайтаратын және аргументсіз шақырғанда жинақталған санды қайтаратын sum функциясын жазуыңыз керек. Мысалы: sum(2)(1)(2)() 5-ке тең болуы керек.

Қиялдаңыз: релиз алдында сіз қателікті табасыз, ол функцияның дұрыс жұмыс істемеуіне себеп болады. Релизді кейінге қалдыруға болмайды, бірақ сіз бір нәрсе дұрыс жұмыс істемейтінін түсінесіз. Мұндай жағдайда не істейсіз?

Пайдаланушы батырманы басып, артынан үлкен деректер массиві келді және экран тұрып қалды. Бұл не себепті болуы мүмкін және мәселені қалай шешуге болады?

TypeScript-те URL валидация үшін типтеуін жүзеге асырыңыз, тек дұрыс URL-дерді рұқсат етіңіз: негізгі домен + жол (users/orders/messages) + әдіс (get/update/delete/ban). Кездейсоқ жолдар компиляция қатесін тудырсын.

Бізде интернет-дүкен бар деп болжайық, онда әр бетте 50 тауар көрсетіледі, беттеу бар. Қолданушы екінші бетке ауысқанда, әсіресе телефонда, ол ұзақ уақыт бойы суреттердің орнына ақ квадраттарды көреді. Суреттерді тезірек көрсету үшін не істеуге болады?

export function foo(o, arr) { return arr.reduce((a, x) => { // if (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

CI/CD-мен кездестіңіз бе, мүмкін Docker контейнерлерін жасадыңыз немесе пайплайндар орнаттыңыз ба?

Пайдаланушы аты компоненті форма сәтті жіберілгеннен кейін жаңа пайдаланушы атын көрсететініне көз жеткізіңіз.

SSR-мен жұмыс істедіңіз бе? Не істедіңіз — нақты SSR, SSG немесе тек Next.js қолдандыңыз ба?

Бұл код не істейтінін және оны қалай пайдалануға болатынын түсіндіріңіз. Lodash-та ұқсас көмектесуші бар — егер білсеңіз, оның атауын ғана айта аласыз.

HTML талдау процесін не блоктай алады?

Пайдаланушы сайтқа кіргенде немесе жаңартқанда стильдер баяу жүктелетінін көрсеңіз, онда CSS-ке және жалпы кез келген статикалық мазмұнға нақты не тексеру керек?

Web Vitals туралы естідіңіз бе, әсіресе FCP метрикасы туралы? Web Vitals метрикалары туралы не білесіз?

Пайдаланушы кейде батырма басылмайтынын шағымданады, бірақ жергілікті түрде мәселе қайталанбайды. Сіздің отладка қадамдарыңыз қандай? Мүмкін себептері қандай?

Thunk middleware-де API қосымша аргумент ретінде берілгенін ескере отырып, API-дан деректерді қалай алуға болады?

Event Loop қалай жұмыс істейді — қандай кезектер бар, олардың орындалу тәртібі қандай? Микрозадақтар, макрозадақтар, requestAnimationFrame, requestIdleCallback туралы айтыңыз.