Frontend

Kā atrisināt pārmērīgu datu pieprasījumu problēmu klienta pusē, kad dati jau ir ielādēti serverī caur SSR?

Kā optimizēt attēlu ielādi kartītēs, kas ir redzamas viewport? Kā risināt race condition problēmu, ātri mainot saturu (piemēram, YouTube Shorts)?

Ko tika izmantots darbā ar daudzdimensiju formām — validācijai, ar kādām problēmām saskārās, kā tika testēts?

Realizējiet servera puses validāciju atbilstošajiem laukiem.

Jūs minējāt Docker, CI/CD, GitHub Actions, GitLab — vai varat paskaidrot, ko tieši darījāt, kādi bija pipeline, kas bija konteineros?

Kā var kešēt datus serverī, lai paātrinātu lietotāju ielādi?

Realizējiet TypeScript tipizāciju funkcijai customMap, kas pieņem jebkura veida masīvu un funkciju, kas atgriež citu tipu. Funkcijai jāpieņem trīs argumenti (kā callback `Array.map`).

Kā darbojas saraksta virtualizācija? Kā tas tiek tehniski īstenots, izmantojot JavaScript?

#React reģistrācijas forma 1. Izskaidrojiet, kā darbojas StateProvider, dalieties ar savām domām ar intervētāju. 2. Apskatiet /src/api/mock, izskaidrojiet, kā tas darbojas. 3. Pārbaudiet SubmitButton krāsu un to labojiet. 4. Ieviesiet klienta puses formas validāciju Signup komponentā. (\*) Ņemiet vērā uzdevuma numuru 9. Noteikumi: - Lietotājvārda, E-pasta, Paroles un Atkārtotas paroles lauki jābūt vismaz 6 rakstzīmju gariem; - Parolei jāatbilst Atkārtotai parolei; - Validācija jāveic, nospiežot "SignUp" pogu; - Lauki ar nederīgām vērtībām jāmarķē (props error un helperText); 6. API atbilde var saturēt kļūdu, kas jāparāda lietotājam blakus attiecīgajam laukam. 7. Pārliecinieties, ka UserName komponents parāda jauno lietotājvārdu pēc veiksmīgas sūtīšanas. 8. Ieviesiet jauno SignupSuccess komponentu. Tas jāparāda vietā reģistrācijas formā. 9. Ieviesiet servera validāciju atbilstošiem laukiem. --- Kods no mock.ts: ```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( `Lietotājvārds "${userName}" jau ir aizņemts. Lūdzu, mēģiniet citu.` ) ); } }, 500); }); }, }; export default api; ```

Ar ar ko jūs strādājat ar kādiem ietvara vai rīkiem? Vai izmantojat AI rīkus savā darbā?

Lapas ir ir spēlētājs. Jāizdara tā, lai, nospiežot stop vienā cilnē, atskaņošana apstājas arī citā cilnē. Kā tu realizētu saziņu starp cilnēm?

#React reģistrācijas forma 1. Izskaidrojiet, kā darbojas StateProvider, dalieties ar savām domām ar intervētāju. 2. Apskatiet /src/api/mock, izskaidrojiet, kā tas darbojas. 3. Pārbaudiet SubmitButton krāsu un labojiet to. 4. Ieviesiet klienta formas validāciju Signup komponentā. (* ) Ņemiet vērā uzdevuma numuru 9. Noteikumi: - Lietotājvārda, E-pasta, Paroles, Paroles atkārtošanas lauki jābūt vismaz 6 rakstzīmes gariem; - Parolei jāatbilst Paroles atkārtošanai; - Validācija jāveic, nospiežot "Reģistrēties" pogu; - Lauki ar nederīgām vērtībām jāiezīmē (props error un helperText); 6. API atbilde var saturēt kļūdu, kas jāparāda lietotājam blakus attiecīgajam laukam. 7. Pārliecinieties, ka UserName komponents parāda jauno lietotājvārdu pēc veiksmīgas sūtīšanas. 8. Ieviesiet jauno SignupSuccess komponentu. Tas jāparāda vietā reģistrācijas formai. 9. Ieviesiet servera validāciju atbilstošajiem laukiem.

Kā tika apmainīti faili čatā — vienkārši ar POST pieprasījumu vai bija lielas faili?

Mums ir ļoti liels frontends monorepo, kurā vienlaikus strādā daudz dažādu komandu. Mēs nevaram pāriet uz mikro-frontendiem. Kā mazināt risku, ka dažādas komandas ietekmēs viena otru?

Izveidojiet STOP zīmi (sarkans aplis ar baltu joslu un dubultu maliņu), izmantojot tikai vienu div un CSS (pseidoelementi ir atļauti).

Ko parasti dari, ja jūti, ka izstrāde norit un esi nedaudz aizkavējies ar termiņiem? Ir izlaišanas datums, bet tu saproti, ka nepaspēsi pabeigt uzdevumu laikā.

Kā tika piegādāti izlaišanas, kā tika testēti, cik bieži tika izlaisti?

Kā tu vispār uzzini kaut ko jaunu par programmēšanu un kas tev pēdējā laikā ir palicis atmiņā?

Izpildiet funkciju promiseWithResolver (atlēkts solījums), kas atgriež objektu ar laukiem resolve un promise.

Vai ir bijis tā, ka vienā produkta funkcijā atgriežas daudz lauku, bet citā – tikai divi?