Frontend
Milliste vormi valideerijatega olete töötanud?
Mis sulle kõige rohkem meeldis praeguses töös
Mis vahe on tüüpi unknown ja any TypeScriptis?
Mis on range ja mitte-range võrdlus JavaScriptis?
Mis on sulgemine? Kas see on?
[nimi] küsis: kui palju oli TypeScript sinu tegelikus töökogemuses kohal?
Mis on Event Loop?
Millised elutsükli meetodid on Reactis olemas ja kuidas neid useEffect abil emuleerida?
Otsekoja koodamise ülesanne: kirjutada composable useLocalStorage, mis toimib kihina ar arendaja ja otseühenduse vahel localStorage'iga — väärtuste salvestamine, üle kirjutamine ja selle väärtuse muutuste jälgimine.
Milliseid stsenaariumeid kateti E2E-testidega?
Otseülekande kodeerimine: Rakenda põhjalik EventEmitter-mehhanism koos tellimise, avaldamise ja tellimusest loobumise mehhanismiga
Milliseid git-aliasid kasutad ja milleks?
Kujutage ette, et teil on piiramatud ressursid ja peate looma kasutajaliidese koos vormiga nullist suure rakenduse osana. Millist tehnoloogiate steki ja arhitektuuri te valiksite?
Milline kogumismootor kasutatakse projektis? Kas olete töötanud Webpackiga?
Milliseid TypeScripti kasulikke tüüpe olete kasutanud ja millal?
Miks valisite IndexedDB kohaliku salvestusena andmebaasides ja mitte midagi muud? Millised on alternatiivid?
#React registreerimisvorm 1. Selgitage, kuidas töötab StateProvider, jagage oma mõtteid intervjueerijaga. 2. Vaadake /src/api/mock, selgitage, kuidas see töötab. 3. Kontrollige SubmitButtoni värvi ja parandage see. 4. Rakendage klientpoolsed vormi valideerimine Signup komponendis. (\*) Pidage meeles ülesande number 9. Reeglid: - Kasutajanimi, E-post, Parool ja Korda Parool väljad peaksid olema vähemalt 6 tähemärki; - Parool peaks vastama Korda Paroolile; - Valideerimine peaks toimuma "SignUp" nupule klõpsamisel; - Väljad, mille väärtused on kehtetud, tuleks märkida (props error ja helperText); 6. API vastus võib sisaldada viga, mida tuleks kasutajale näidata vastava välja lähedal. 7. Veenduge, et UserName komponent kuvab uue kasutajanime pärast edukat saatmist. 8. Rakendage uus SignupSuccess komponent. See peaks olema näidatud reegistratsioonivormi asemel. 9. Rakendage serveripoolne valideerimine sobivatele väljadele. --- Kood mock.ts-st: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Kasutajanimi "${userName}" on juba võetud. Palun proovige teist.` ) ); } }, 500); }); }, }; export default api; ```
/** * Ülesanne 3: Analüüsige allolevat funktsiooni ja parandage kõik vead. Selgitage `never` tüübi rolli TypeScriptis. */ function throwError(): never { throw new Error('Viga tekkis'); } /** * Ülesanne 4: Muutke antud `MaybeProps` tüüp, et kõik selle omadused oleksid kohustuslikud. */ type MaybeProps = { a?: number; b?: string; }; /** * Ülesanne 5: Looge üldine `Container` tüüp, mis sisaldab ühte omadust `value`. * `value` tüüpi tuleb piirata kas `string` või `number`-iga. */ type Container<T> = { value: T; };
Mis vahe on interface ja type TypeScriptis, millist kasutate ja miks?
Kuidas sa tuvastasid kitsaskohad lehel, kus on palju kaameraid, ja kuidas otsustasid, mida täpselt optimeerida? Kui sügavalt sa profiilisid?