Frontend

Hogyan működik az Event Loop — milyen sorok vannak, mi a végrehajtási sorrend? Meséljen a mikroszálakról, makroszálakról, requestAnimationFrame-ről, requestIdleCallback-ről.

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

Ez egy B2B vagy B2C szolgáltatás volt? Voltak mérőszámok a hibák és a felhasználói élmény nyomon követésére?

Van egy szűrő lapokkal. Gyors váltásnál néha régi értékek jelennek meg, amelyek nem tartoznak a jelenlegi laphoz. Mi a probléma és hogyan lehet javítani?

Mit lehet tenni a képekkel az oldal teljesítményének optimalizálása érdekében?

Írja meg a Promise.withResolvers() segédprogram megvalósítását — egy olyan függvényt, amely létrehoz egy Promise-t, és egy három tulajdonsággal rendelkező objektumot ad vissza: promise, resolve és reject.

Nézze meg ezt a kódot SSR-rel és singleton i18n osztállyal. Találjon egy komoly problémát, amely tönkreteheti a felhasználónak átadott HTML-t. Hogyan javítaná ki?

Képzelj el egy oldalt sok kártyával és lazy loadinggal (mint a Stripchat). Milyen corner case-eket látsz, milyen problémák merülhetnek fel, mit optimalizálnál? Hogyan működik a virtualizáció (React Window)?

Nem tudunk címkéket hozzáadni vagy verziózni CI/CD-n keresztül. Az ügyfél lehet egy verzió, a backend más. Mit lehet tenni ezekben a feltéσεις a Sentry hibakeresésen kívül?

Egy közlekedési tábla elkészítése egy div-ben, beleértve egy kis piros jelölést jobbra.

Miért nem jutnak el a felhasználók az Áruházba, és hogyan töltsük fel a felhasználókat az Áruházba?

Nagy projektünk van egy monorepóban egységes kiadási folyamattal. Úgy döntöttünk, hogy felbontjuk és a frontendet külön repókba helyezzük saját kiadási ciklussal. Ez a backend és a kliens verzióinak szinkronizálatlanságát okozza. Hogyan látnád ennek a problémának a megoldását? Hogyan szerveznéd a munkát, hogy a lehető legjobban védve legyél a termelési hibáktól?

Mi blokkolhatja az első renderelést a böngészőben a HTML fogadása után? Mit lehet tenni a szinkron JS és CSS betöltéssel?

Hol tárolódott a normalizált cache? Valami reaktív volt?

Milyen reduktorok vannak a Store-ban, és van-e reduktor arra, hogy oda tegyük a felhasználókat?

Nézd meg a funkciót a szerkesztőben: egy kulcsokból álló tömböt és egy objektumot fogad, és a reduce segítségével csak a megadott kulcsokkal rendelkező objektumot másolja. Hogy neveznéd ezt a funkciót?

Megjelölte, hogy mely lekérdezések adnak vissza entitásokat, vagy hogyan működött ez, amikor közel volt a lekérdezéshez?

Felhasználók listája oldalról egy adott felhasználó oldalára navigálva hosszú betöltés van (a töltő 2 másodpercig tart a mesterséges késleltetés miatt). Hogyan lehetne javítani ezt a helyzetet?

Látjuk, hogy az SSR 2 másodperc alatt semmit sem ad vissza. Milyen lehetőségek vannak ennek javítására?

Hogyan oldja meg a kliens oldali redundáns adatlekérdezés problémáját, amikor az adatok már betöltődtek a szerverre SSR-en keresztül?