Frontend

Kaip galima sužinoti apie problemas su forma gamyboje, jei ji nustoja veikti (pavyzdžiui, registracija nesibaigia)?

TTFB (Time To First Byte) metrika — kaip ji gali sumažėti SSR metu, kokia yra nuosmukių prigimtis ir kaip galima ją pagerinti? Aprašykite, kas vyksta nuo momento, kai paspaudžiate Enter, iki kol kažkas pasirodo ekrane.

funkcija promiseWithResolve() { // Nenurodyta } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Įgyvendinkite callLimit funkciją, kuri riboja perduotos funkcijos iškvietimų skaičių iki nustatyto limito, ir taip pat teikia reset metodą skaitiklio atstatymui.

Įsivaizduokite situaciją: prieš pat leidimą randate klaidą, dėl kurios funkcija veikia netinkamai. Leidimą atidėti neįmanoma, bet jūs suprantate, kad kažkas veikia netinkamai. Ką darytumėte tokioje situacijoje?

Parašykite funkciją sum, kuri iškvietus su argumentu kaupiasi skaičių, o iškvietus be argumento grąžina sukauptą skaičių. Pavyzdžiui: sum(2)(1)(2)() turėtų grąžinti 5.

Įgyvendinkite TypeScript tipą URL validacijai, kad būtų leidžiami tik teisingi URL, tokie kaip: pagrindinis domenas + kelias (users/orders/messages) + metodas (get/update/delete/ban). Atsitiktinės eilutės turėtų sukelti kompiliacijos klaidą.

Vartotojas paspaudė mygtuką, iš backend atėjo didelis duomenų masyvas, ir ekranas užstrigo. Kas galėjo tai sukelti ir kaip išspręsti problemą?

Ar dirbote su CI/CD, galbūt kūrėte Docker konteinerius ar konfigūravote pipelines?

Įsivaizduokime, kad turime internetinę parduotuvę, kurioje rodomas 50 prekių sąrašas su puslapiavimu. Kai vartotojas pereina į antrą puslapį, ypač telefone, ilgai vietoje paveikslėlių rodomi balti kvadratai. Kaip padaryti, kad paveikslėliai atsirastų greičiau?

Supraskite, ką daro šis kodas ir kaip jį galima naudoti. lodash turi panašų helperį — jei jį atpažįstate, galite tiesiog paminėti jo pavadinimą.

export function foo(o, arr) { return arr.reduce((a, x) => { // jei (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Įsivaizduokime, kad matome, kad stiliai kiekvieną kartą, kai naudotojas įeina į svetainę arba atnaujina puslapį, užtrunka ilgai įkelti. Kritinio CSS kūrimas yra sudėtingas. Ką reikėtų tikrinti konkrečiai CSS ir apskritai bet kokiame statiniame turinyje?

Vartotojas skundžiasi, kad kartais mygtukas neveikia, tačiau vietoje problema nėra atkuriama. Kokius žingsnius žengi derindamas? Kokios gali būti priežastys?

Kaip gauti duomenis iš API viduje naudojant thunk, atsižvelgiant į tai, kad API perduodama kaip papildomas argumentas thunk middleware?

Įsitikinkite, kad komponentas UserName rodo naują vartotojo vardą po sėkmingo formos pateikimo.

Ar dirbote su SSR? Ką darėte — SSR, SSG ar paprasčiausiai naudoji Next.js?

Kas gali užblokuoti HTML analizės procesą?

Kaip veikia įvykio ciklas? Kokios eilės yra ir kaip vykdomos? Papasakokite apie mikro užduotis, makro užduotis, requestAnimationFrame, requestIdleCallback.

Pažiūrėk į funkciją redaktoriuje: ji priima raktų masyvą ir objektą, ir naudodama reduce kopijuoja tik tą objektą su nurodytais rakteliais. Kaip pavadintum šią funkciją?