Frontend

Hogyan lehet megtudni, hogy problémák vannak-e a formával a termelésben, ha az nem működik (például nem fejezi be a regisztrációt)?

A TTFB (Time To First Byte) mérőszám — 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.

függvény promiseWithResolve() { // Nincs implementálva } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Valósítsa meg a callLimit függvényt, amely korlátozza a megadott függvény hívásainak számát egy adott limiten belül, és biztosítja a reset metódust a számláló nullázásához.

Írjon egy sum függvényt, amely argumentummal hívva összead egy számot, és argumentum nélkül hívva visszaadja az összegzett számot. Például: sum(2)(1)(2)() 5-öt kell, hogy visszaadjon.

Képzelj el egy helyzetet: a kiadás előtt nem sokkal találsz egy hibát, ami miatt egy funkció nem működik helyesen. A kiadást nem lehet elhalasztani, de tudod, hogy valami nem működik megfelelően. Mit tennél ilyen helyzetben?

A felhasználó megnyomta a gombot, nagy adat tömeg érkezett a backendről, és a képernyő lefagyott. Mi okozhatta ezt, és hogyan lehet megoldani a problémát?

Implementálja a típusdefiníciót TypeScript-ben az URL-ek validálására, hogy csak a következő típusú helyes URL-ek legyenek engedélyezettek: alap domain + útvonal (users/orders/messages) + módszer (get/update/delete/ban). Bármilyen karakterlánc fordítási hibát kell, hogy okozzon.

Tegyük fel, van egy online boltunk, ahol egy terméklista 50 darabos oldalanként, lapozással van megjelenítve. Amikor a felhasználó a második oldalra vált, különösen telefonon, hosszú ideig fehér négyzetek jelennek meg a képek helyett. Hogyan lehetne gyorsabbá tenni a képek megjelenését?

Dolgoztál már CI/CD-vel, esetleg készítettél Docker konténereket vagy konfiguráltál pipeline-okat?

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

Győződjön meg róla, hogy a UserName komponens megjeleníti az új felhasználónevet a űrlap sikeres benyújtása után.

Értsd meg, mit csinál ez a kód, és hogyan lehet használni. Van egy hasonló helper a lodash-ban — ha felismered, egyszerűen nevezd meg a nevét.

Dolgoztál már SSR-rel? Mit csináltál — SSR, SSG vagy csak a Next.js-t használtad?

Tegyük fel, azt látjuk, hogy a stílusok minden alkalommal hosszú ideig töltődnek be, amikor a felhasználó meglátogatja a webhelyet vagy frissíti az oldalt. Kritikus CSS készítése nehéz. Mit kell különösen ellenőrizni a CSS-ben és általában bármilyen statikus tartalomban?

Egy felhasználó panaszkodik, hogy néha nem reagál a gomb, de helyben nem reprodukálódik a probléma. Milyen lépéseket teszel a hibakereséshez? Milyen okok lehetnek?

Hogyan szerezhetjük be az adatokat az API-ból egy thunkon belül, figyelembe véve, hogy az API extra argumentumként van átadva a thunk middleware-ben?

Mi blokkolhatja az HTML elemzési folyamatot?

Hallottál már a Web Vitals-ról és különösen az FCP mérőről? Mesélje el, mit tud a Web Vitals mérőszámokról.

Az API válasza tartalmazhat olyan hibát, amelyet a felhasználónak a megfelelő mező mellett kell megjeleníteni.