Frontend

Jak lze zjistit, zda jsou v produkci problémy s formulářem, pokud přestane fungovat (například nezpracovává registraci)?

Metrika TTFB (Time To First Byte) — hogyan csökkenhet SSR során, mi a csökkenések természete és hogyan lehet javítani? Írja le, mi történik az Enter megnyomásától addig, amíg valami meg nem jelenik a képernyőn.

funkce promiseWithResolve() { // Není implementováno } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementujte funkci callLimit, která omezuje počet volání předané funkce na stanovený limit, a také poskytuje metodu reset pro resetování čítače.

Představte si situaci: těsně před vydáním najdete chybu, kvůli které funkce nefunguje správně. Vydání nelze odložit, ale chápete, že něco nefunguje správně. Co v takové situaci uděláte?

Napište funkci sum, která při volání s argumentem akumuluje číslo, a při volání bez argumentu vrací akumulované číslo. Například: sum(2)(1)(2)() by mělo vrátit 5.

Uživatel klikl tlačítko, přišel velký objem dat ze serveru a obrazovka zamrzla. Čím to mohlo být způsobeno a jak problém vyřešit?

Implementujte typování v TypeScriptu pro validaci URL, aby byly povoleny pouze správné URL ve tvaru: základní doména + cesta (users/orders/messages) + metoda (get/update/delete/ban). Libovolné řetězce by měly způsobit chybu kompilace.

Představme si, že máme internetový obchod, kde je seznam 50 produktů s stránkováním. Když uživatel přejde na druhou stránku, zejména na telefonu, dlouho se místo obrázků zobrazují bílé čtverce. Jak zajistit, aby se obrázky zobrazovaly rychleji?

Pracoval jsi s CI/CD, možná jsi vytvářel Docker kontejnery nebo nastavoval pipeline?

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

Představme si, že vidíme, že styly se načítají dlouho pokaždé, když uživatel vstoupí na web nebo aktualizuje stránku. Tvorba kritického CSS je složitá. Co je třeba konkrétně zkontrolovat v CSS a obecně v jakémkoli statickém obsahu?

Pochopte, co tento kód dělá a jak jej lze použít. V lodash je podobný helper — pokud ho poznáte, můžete jednoduše uvést jeho název.

Ujistěte se, že komponenta UserName zobrazuje nové uživatelské jméno po úspěšném odeslání formuláře.

Jak získat data z API uvnitř thunku, s přihlédnutím k tomu, že API je předáváno jako dodatečný argument v middleware thunku?

Pracoval jste s SSR? Co jste dělal — SSR, SSG nebo jen Next.js?

Co může zablokovat proces parsování HTML?

Uživatel si stěžuje, že tlačítko občas nereaguje, ale lokálně se problém neprojevuje. Jaké jsou vaše kroky při ladění? Jaké mohou být příčiny?

Slyšel jste o Web Vitals a konkrétně o metrice FCP? Povězte, co víte o metrikách Web Vitals.

Jak funguje Event Loop? Jaké jsou fronty a v jakém pořadí se provádějí? Vysvětlete mikroúkoly, makroúkoly, requestAnimationFrame, requestIdleCallback.