Frontend

Ako zistíte, že formulár v produkcii prestal fungovať (napríklad, nezavŕši registráciu), ako to môžete zistiť?

Metrika TTFB (Time To First Byte) — ako môže klesnúť počas SSR, aká je povaha poklesov a ako ich možno zlepšiť? Opíšte, čo sa deje od momentu stlačenia Enter po objavenie sa niečoho na obrazovke.

funkcia promiseWithResolve() { // Nie je implementované } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementujte funkciu callLimit, ktorá obmedzuje počet volaní odovzdanej funkcie na stanovený limit, a tiež poskytuje metódu reset na resetovanie čítača.

Je potrebné napísať funkciu sum, ktorá pri volaní s argumentom akumuluje číslo, a pri volaní bez argumentu vráti akumulované číslo. Napríklad: sum(2)(1)(2)() by mala vrátiť 5.

Predstavljajte si situacijo: tik pred izdajo najdete napako, zaradi katere funkcija ne deluje pravilno. Izdaja ne more biti odložena, vendar razumete, da nekaj ni v redu. Kaj bi naredili v takšni situaciji?

Používateľ klikol na tlačidlo, prišiel veľký objem dát zo servera a obrazovka zamrzla. Čo mohlo spôsobiť tento problém a ako ho vyriešiť?

Implementujte typovanie v TypeScript pre validáciu URL, aby boli povolené iba správne URL-ové tvaru: základná doména + cesta (users/orders/messages) + metóda (get/update/delete/ban). Ľubovoľné reťazce by mali spôsobovať chybu kompilácie.

Predstavimo si, da imamo spletno trgovino, kjer je seznam izdelkov prikazan po 50 kosov na stran, z razporeditvijo strani. Ko uporabnik preklopi na drugo stran, zlasti na telefonu, dolgo časa namesto slik prikazujejo bele kvadrate. Kako lahko naredimo, da se slike hitreje prikažejo?

Pracoval si s CI/CD, možno si vytváral Docker kontajnery alebo nastavoval pipeline?

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

Uistite sa, že komponent UserName zobrazuje nové používateľské meno po úspešnom odoslaní formulára.

Pochopte, čo tento kód robí a ako ho možno použiť. V lodash je podobný helper — ak ho rozpoznáte, môžete jednoducho uviesť jeho názov.

Pracoval si s SSR? Čo si robil — SSR, SSG alebo si len používal Next.js?

Predstavimo si, da vidimo, da se stilovi dolgo nalagajo vsakokrat, ko uporabnik vstopi na spletno mesto ali osveži stran. Ustvarjanje kritičnega CSS je težko. Kaj je treba posebej preveriti v CSS-ju in na splošno v katerikoli statični vsebini?

Uporabnik se pritožuje, da gumb včasih ne deluje, vendar lokalno težava ni mogoče reproducirati. Kakšni so tvoji koraki za odpravljanje težav? Kakšni so lahko razlogi?

Ako získať údaje z API v rámci thunk, pričom sa berie do úvahy, že API sa odovzdáva ako ďalší argument v middleware thunk?

Čo môže zablokovať proces parsovania HTML?

Počuli ste za Web Vitals a najmä za metriku FCP? Povedzte, čo viete o metrikách Web Vitals.

Odpoveď API môže obsahovať chybu, ktorá by sa mala zobrazovať používateľovi vedľa príslušného poľa.