Kirjeldage brauseri kriitilise renderdamise teed: alates URL sisestamisest aadressiribal kuni lehe joonistamiseni. Rääkige DNS-ist, TCP-st, HTTP-st, DOM-i ehitamisest, CSSOM-ist, Render Tree-st, Layout-st ja Paint-ist.
Frontend
Kas CSSOM blokeerib lehe renderdamist? Miks?
Mis on reflow ja repaint? Mis on forced reflow (sunništiline uuesti joonistamine)? Kuidas saab optimeerida renderdamist, et vähendada sunnitud uuesti joonistamiste arvu?
Millal toimub Reactis komponendi uuesti joonistamine (re-render)? Raugiet reconciliation (kokkusobituse) kohta.
Kuidas teha nii, et funktsioon makeBook tagastaks oodatavad väärtused 0 ja 5 selle asemel, et anda kaks kümnendikku?
Kuidas saab lahendada ülesande, mille lahendamiseks kasutatakse pärandamist, alternatiivsel viisil? Mis on koostamine TypeScript ja React kontekstis?
Vaadake makeBook funktsiooni. Määrake, mis kuvatakse konsoolis 20-21. real (kaks kommentaaririda). Selgitage funktsiooni käitumist.
Milliseid disainimustreid ja koodi kvaliteedi põhimõtteid kasutate React/TypeScript arendamisel? Kuidas rakendate SOLID põhimõtteid frontend arenduses?
Mis on HOC (Kõrgema järgu komponendid)? Milleks neid kasutatakse? Tooge näiteid HOC kasutamisest Reactis.
Refaktorige komponenti, mis kuvab juhusliku numbri (Promise'ist) ja kerimise positsiooni. Leidke probleemid ja parandage need.
Milleks kasutatakse generics TypeScriptis? Kuidas piirata generics teatud tüüpidele? Mis on type narrowing ja kuidas see realiseerub?
Kuidas töötab Virtual DOM Reactis? Kuidas React määrab operatsioonide täitmise järjekorra uuesti renderimisel? Räägi React Fiberist ja schedulerist.
Mis on CORS? Kuidas see töötab? Milline on erinevus lihtsate päringute (GET, POST) ja eelkontrolli päringute (OPTIONS) vahel? Mida CORS kontrollib päringu saatmisel?