Frontend

Ինչպե՞ս կարող եք իմանալ, որ արտադրությունում ձևում խնդիրներ կան, եթե այն դադարեց աշխատել (օրինակ, գրանցումը չի ավարտվում):

TTFB (Time To First Byte) մետրիկա — ինչպես կարող է նվազել SSR-ի ժամանակ, ի՞նչ է անկումների բնույթը և ինչպես կարելի է բարելավել: Նկարագրեք, թե ինչ է տեղի ունենում Enter սեղմելուց մինչև ինչ-որ բան հայտնվելը էկրանին։

funksia promiseWithResolve() { // Չի իրականացվել } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Իրականացրեք callLimit ֆունկցիան, որը սահմանափակում է փոխանցված ֆունկցիայի կանչերի քանակը նշված սահմանով, ինչպես նաև տրամադրում է reset մեթոդը հաշվիչը վերականգնելու համար։

Գրեք sum ֆունկցիա, որը, երբ կանչվում է արգումենտով, հավաքում է թիվ, իսկ երբ կանչվում է առանց արգումենտի, վերադարձնում է հավաքած թիվը: Օրինակ՝ sum(2)(1)(2)() պետք է վերադարձնի 5։

Նկարագրեք իրավիճակը՝ հենց լիցենզիայի առաջ դուք գտնում եք բագ, որի պատճառով ֆունկցիան սխալ է աշխատում: Լիցենզիան հետաձգել հնարավոր չէ, բայց դուք հասկանում եք, որ ինչ-որ բան սխալ է աշխատում: Ի՞նչ করবেন այդպիսի իրավիճակում։

Օգտատերը սեղմեց կոճակը, բեկենդից մեծ տվյալների զանգված եկավ, և էկրանը կախվեց: Ինչու դա կարող էր տեղի ունենալ և ինչպես լուծել խնդիրը?

TypeScript-ով URL-ների վավերացման համար տիպի սահմանում իրականացրեք, որպեսզի թույլատրվեն միայն ճիշտ URL-ներ հետևյալ ձևով՝ հիմնական դոմեն + ուղի (users/orders/messages) + մեթոդ (get/update/delete/ban): Տարբեր տողերը պետք է առաջացնեն կոմպիլյացիայի սխալ։

Ենթադրենք, մենք ունենք առցանց խանութ, որտեղ ցուցադրվում է 50 ապրանքների ցանկ, էջանիշով: Երբ օգտվողը անցնում է երկրորդ էջ, հատկապես հեռախոսով, երկար ժամանակ փոխարեն նկարների ցուցադրվում են սպիտակ քառակուսիներ: Ինչպես կարելի է արագացնել նկարների հայտնվելը?

Դու աշխատե՞լ ես CI/CD-ի հետ, գուցե Docker կոնտեյներներ էիր ստեղծում կամ պայպլայններ կարգավորում:

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'])

Համոզվեք, որ UserName կոմպոնենտը ցույց է տալիս նոր օգտանունը ձևի հաջող ներկայացումից հետո։

Հասկացեք, թե ինչ է անում այս կոդը և ինչպես կարելի է այն օգտագործել: Լոդաշում կա նման(helper) — եթե ճանաչում եք, պարզապես կարող եք նշել նրա անունը։

Դու աշխատե՞լ ես SSR-ի հետ: Ի՞նչ էիր անում — հենց SSR, SSG կամ պարզապես Next.js օգտագործում էիր:

Ենթադրենք, մենք տեսնում ենք, որ ոճերը երկար ժամանակ են բեռնվում ամեն անգամ, երբ օգտվողը մուտք է գործում կայք կամ թարմացնում է էջը: Կրիտիկական CSS-ը ստեղծելը դժվար է: Ի՞նչ պետք է ստուգել հատկապես CSS-ում և ընդհանուր առմամբ ցանկացած ստատիկ բովանդակության մեջ։

Ինչ կարող է խոչընդոտել HTML-ի վերլուծության գործընթացին?

Օգտագործողը բողոքում է, որ երբեմն կոճակը չի արձագանքում, բայց տեղական մակարդակում խնդիր չի կրկնվում: Ձեր սխալների վերլուծության քայլերը ինչպիսի՞ն են: Ինչ կարող են լինել պատճառները?

Ինչպես ստանալ տվյալներ API-ից thunk-ի ներսում, հաշվի առնելով, որ API-ն փոխանցվում է որպես լրացուցիչ արգումենտ thunk միջնորդում?

Դու լսել եք Web Vitals և հատկապես FCP մետրիկայի մասին? Պատմեք, ինչ եք իմանում Web Vitals մետրիկների մասին։

API-ի պատասխանն կարող է պարունակել սխալ, որը պետք է ցուցադրվի օգտվողին համապատասխան դաշտի կողքին։