Frontend

Kā var uzzināt, vai ir problēmas ar formu ražošanā, ja tā pārtrauc darboties (piemēram, reģistrācija neizpildās)?

TTFB (Time To First Byte) metrika — kā tā var samazināties SSR laikā, kāda ir kritumu daba un kā to var uzlabot? Aprakstiet, kas notiek no brīža, kad nospiežat Enter, līdz ekrānā parādās kaut kas.

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

Izpildiet funkciju callLimit, kas ierobežo nodotās funkcijas izsaukumu skaitu līdz noteiktam limitam, kā arī nodrošina reset metodi skaitītāja atiestatīšanai.

Uzrakstiet funkciju sum, kas, izsaukta ar argumentu, uzkrāj skaitli, un, izsaukta bez argumenta, atgriež uzkrāto skaitli. Piemēram: sum(2)(1)(2)() jāatgriež 5.

Iedomājieties situāciju: tieši pirms izlaišanas atrodat kļūdu, kas izraisa funkcijas nepareizu darbību. Izlaišanu nevar atlikt, bet jūs saprotat, ka kaut kas nedarbojas pareizi. Ko darītu šādā situācijā?

Lietotājs nospieda pogu, no backend nāca liels datu apjoms, un ekrāns iesaldēja. Kas to varēja izraisīt un kā to novērst?

Realizējiet TypeScript tipizāciju URL validācijai, lai būtu atļauti tikai pareizi URL ar formātu: galvenā domēna + ceļš (users/orders/messages) + metode (get/update/delete/ban). Nejauši teksti būtu jāizraisa kompilācijas kļūda.

Iedomāsimies, ka mums ir interneta veikals, kurā tiek rādīts 50 preču saraksts ar lapo numerāciju. Kad lietotājs pāriet uz otro lapu, īpaši telefonā, ilgi vietā, kur būtu attēli, tiek rādīti baltie kvadrāti. Kā padarīt, lai attēli parādītos ātrāk?

Vai esi strādājis ar CI/CD, varbūt esi veidojis Docker konteinerus vai konfigurējis pipelines?

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

Pārliecinieties, ka komponenta UserName parāda jauno lietotāja vārdu pēc veiksmīgas formas iesniegšanas.

Iedomāsimies, ka mēs redzam, ka stili tiek ilgi ielādēti katru reizi, kad lietotājs ieiet vietnē vai atjaunina lapu. Kritiskā CSS izveide ir grūta. Ko būtu jā pārbauda tieši CSS un kopumā jebkurā statiskajā saturā?

Saprastiet, ko šis kods dara un kā to var izmantot. lodash ir līdzīgs helpers — ja to atpazīstat, varat vienkārši nosaukt tā nosaukumu.

Kā iegūt datus no API iekšā, izmantojot thunk, ņemot vērā, ka API tiek nodota kā papildu arguments thunk middleware?

Vai esi strādājis ar SSR? Ko darīji — tieši SSR, SSG vai vienkārši izmantoji Next.js?

Lietotājs sūdzas, ka dažreiz poga neuzrādās, bet lokāli problēma netiek atkārtota. Kādi ir tavi soļi atkļūdošanai? Kādas varētu būt iemesli?

Kas var bloķēt HTML parsēšanas procesu?

API atbilde var saturēt kļūdu, kas jāparāda lietotājam blakus atbilstošajam laukam.

Vai esat dzirdējuši par Web Vitals un īpaši par FCP metriku? Pastāstiet, ko zināt par Web Vitals metriku.