Frontend

Өндүрүштөгү формада көйгөйлөр бар экенин кантип билсе болот, эгер ал иштебей калса (мисалы, каттоо аяктоого жетпей калса)?

TTFB (Time To First Byte) метрикасы — SSR учурунда кантип төмөндөй алат, төмөндөөлөрдүн табияты эмнеде жана аны кантип жакшыртуу керек? Enter баскандан кийин экранда бир нерсе пайда болгонго чейин эмне болуп жатканын сүрөттөп бериң.

promiseWithResolve() функциясы { // Иштелбеген } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Берилген функциянын чакырылыштар санын белгиленген чектен ашпашы үчүн чектөөчү жана эсептегичти нөлгө түшүрүү үчүн reset ыкмасын камсыз кылган callLimit функциясын ишке ашырыңыз.

Аргумент менен чакырылганда санды топтогон, аргументсиз чакырылганда топтолгон санды кайтарган sum функциясын жаз. Мисалы: sum(2)(1)(2)() 5 болушу керек.

Кийинчерээк чыгарылышка жакын, сиз каталарды табасыз, алардын натыйжасында функция туура иштебей калат. Чыгарылышты кечиктире албайсыз, бирок сиз түшүнөсүз, эмне туура эмес иштеп жатканын. Мындай учурда эмне кыласыз?

Колдонуучу баскычты басып, бекендден чоң маалыматтар келип, экран кармалып калды. Бул эмне себептен болушу мүмкүн жана көйгөйдү кантип чечсе болот?

TypeScript үчүн URLдерди текшерүү үчүн типти ишке ашырыңыз, тек гана туура URLдерди уруксат бериңиз: негизги домен + жол (users/orders/messages) + ыкма (get/update/delete/ban). Арбитраждык саптар компиляция катасын чыгарышы керек.

Болжол менен, бизде онлайн-дүкөн бар, анда 50 товардын тизмеси көрсөтүлөт, баракчалаштыруу менен. Колдонуучу экинчи баракчага өтүп жатканда, айрыкча телефонда, ал узак убакыт бою сүрөттөрдүн ордуна ак квадраттарды көрсөтөт. Сүрөттөрдү тезирээк көрсөтүү үчүн эмне кылса болот?

Сиз CI/CD менен иштедиңизби, балким Docker контейнерлерин түзүп же pipeline'лерди конфигурацияладыңызбы?

UserName компоненти форма ийгиликтүү тапшырылган соң жаңы колдонуучу атын көрсөтүп турганына көз жеткізүү керек.

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

Бул код эмне кылып жатканын жана аны кантип колдонуу керектигин түшүнүңүз. lodashто окшош helper бар — эгер аны таанысаңыз, жөн гана атын атаңыз.

Келгиле, биз көрүп жатабыз, колдонучу сайтка киргенде же баракчаны жаңыртканда, стилилер узак убакыт алат. Критикалык CSS түзүү кыйын. CSS жана жалпы бардык статикалык мазмунда эмне текшерүү керек?

SSR менен иштедиңби? Эмне кылдың — SSR, SSG же жөн гана Next.js колдонуп жаттыңбы?

HTML анализдөө процесин токтотуучу нерсе эмне?

Колдонуучу кээде баскыч иштебей калат деп датталып жатат, бирок жергиликтүү көйгөй кайталанбайт. Сиздин кодуңузду аныктоо кадамдарыңыз кандай? Кантип себептер болушу мүмкүн?

Web Vitals жана specifically FCP метрикасы жөнүндө угугансызбы? Web Vitals метрикалары жөнүндө билгендериңизди айтып бериңиз.

Thunk ичинде API дан маалымат алуу үчүн, API кошумча аргумент катары өткөрүлүп жатканын эске алуу менен?

APIнин жоопу катаны камтышы мүмкүн, ал колдонуучуга тиешелүү талаанын жанына көрсөтүлүшү керек.