Frontend

Kuidas töötada asünkroonse JavaScriptiga? Kuidas erineb async/await promise'idest?

Mis juhtub, kui HTML jõuab brauserisse? Mis on blokeerivad üksused ja kuidas nendega töötada?

Kui meil on suur pood, mis koosneb mitmest osast, ja vanemkomponent kasutab ühte osa olekust ning laps teine, kuidas tagada nende komponentide sõltumatu uuesti renderdamine ilma neid useMemo-sse pakkimata?

9. Kopeerimine Testi ajal märkis professor Floyd, et mõned õpilased vahetasid märkmeid. Alguses tahtis ta neile kõigile anda 2, kuid professor oli lahke ja otsustas õpilased kaheks rühmaks jagada: neile, kes lubavad koopiat, ja esimesele rühmale anda ainult 2. Professor on registreerinud kõik õpilaste paarid, kes vahetasid märkmeid. On vaja määrata, kas õpilasi saab jagada kaheks rühmaks nii, et iga märkmete vahetamine toimub ühe rühma õpilaselt teise rühma õpilasele. Sissepääsu formaat Esimesel real on kaks arvu N ja M — õpilaste arv ja õpilaste vahetatud paaride arv (1 ≤ N ≤ 10^2, 0 ≤ M ≤ N(N-1)/2). Järgmisel M real on kirjed õpilaste paaridest: kaks arvu, mis vastavad õpilaste numbritele, kes vahetasid märkmeid (õpilaste nummerdus algab 1-st, iga paar on loetletud mitte rohkem kui üks kord). Väljundi formaat On vaja välja printida professor Floydi ülesande vastus. Kui on võimalik õpilasi jagada kaheks rühmaks, kirjutage YES; vastasel juhul, NO.

Kas teate, kuidas Zustand töötab kapoti all?

Kas OPTIONS-päring saadetakse igal juhul ristkõnepäringus või ainult siis, kui see on vajalik? Mis vahe on lihtsatel ja keerukatel päringutel selles kontekstis?

Mõelge välja näidatud funktsioon: mis kuvatakse esimesel kutsel ja miks? Kuidas parandada koodi, et saada arvude jada?

Tootmises ajal tekkis viga, mida tuleb kiiresti parandada, kuid dev haru on juba kaugel uute funktsioonidega. Kuidas te käituksite?

Andke näide Avatud/Suletud põhimõttest frontend arenduses, näiteks render props kaudu.

Kas sul on kogemusi Vue 2-st Vue 3-ks migratsioonil — mida täpselt sa ise tegid?

Milliseid konteksti sidumise viise tead?

Millistes frontendi valdkondades pead oma tugevateks külgedeks?

Oletame, et uus vastusetüüp (näiteks video) lisatakse — kuidas seda arvestada meie määratletud andmestruktuuris?

Middle+

Okko

Rääkige meile endast, oma kogemusest ja miks valisite frontend arenduse.

#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; ```

Kas kirjutad automaatseid teste? Kas sul on kogemusi testide kirjutamisel?

Kas on Event Loop ja kuidas see töötab: millises järjekorras täidetakse sünkrooniline kood, mikrotööd ja makrotööd?

Middle+

Лига Цифровой Экономики

Kuidas on meeskonnas organiseeritud CI/CD ja uute teenuste käivitamine?

Ülesanne: Reactis rakendada sisselogimisvorm. Nõuded: - kaks välja: email + parool - kontrollitud sisendid - vormi esitada preventDefault abil - põhiväärtus (väli ei tohi olla tühi) - saatmisel teha asünkroonne päring (võib simuleerida setTimeout-iga) - näidata laadimisolekut (nupp on keelatud) - näidata viga ebaõnnestunud sisselogimisel

Mis on props ja state Reactis? Milline on nende vahe?