Frontend

İstehsalda formda problemlər olub-olmadığını necə bilmək olar, əgər işləməzsə (məsələn, qeydiyyatı tamamlamır)?

TTFB (Time To First Byte) metrikası — SSR zamanı necə azala bilər, azalmaların təbiəti nədir və necə yaxşılaşdırıla bilər? Enter düyməsini basdıqdan sonra ekranda nəsə görünənə qədər baş verənləri təsvir edin.

funksiya promiseWithResolve() { // İcrası yoxdur } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Verilmiş funksiyanın çağırış sayını müəyyən edilmiş limtə qədər məhdudlaşdıran və sayğacı sıfırlamaq üçün reset metodunu təmin edən callLimit funksiyasını həyata keçirin.

Əlavə ilə çağırıldıqda ədədi toplayan, əlavə olmadan çağırıldıqda isə toplanmış ədədi qaytaran sum funksiyasını yazın. Məsələn: sum(2)(1)(2)() 5 qaytarmalıdır.

Təsəvvür edin ki, buraxılışa çox az vaxt qalmış, siz bir səhv tapırsınız və bu, funksiyanın düzgün işləməməsinə səbəb olur. Buraxılışı təxirə salmaq mümkün deyil, amma siz başa düşürsünüz ki, nəsə düzgün işləməyib. Belə bir vəziyyətdə nə edərdiniz?

İstifadəçi düyməni sıxdı, backend-dən böyük məlumatlar axdı və ekran dondu. Bu nə ilə əlaqəli ola bilər və problemi necə həll etmək olar?

TypeScript-də URL-lərin doğrulanması üçün tip təyin edin, yalnız düzgün URL-lərə icazə verilsin: əsas domen + yol (users/orders/messages) + metod (get/update/delete/ban). Təsadüfi sətirlər tərtib xətası ilə nəticələnməlidir.

Tutağıq ki, onlayn mağazamız var, orada məhsul siyahısı 50 ədəd göstərilir və səhifələmə var. İstifadəçi ikinci səhifəyə keçdiyində, xüsusən telefonda, uzun müddət şəkillər yerinə ağ kvadratlar görünür. Şəkillərin daha sürətli çıxması üçün necə etmək olar?

CI/CD ilə işlədinizmi, bəlkə Docker konteynerləri yaratdınız və ya pipeline-ləri qurmusunuz?

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

İstifadəçi Adı komponentinin formun uğurla göndərilməsindən sonra yeni istifadəçi adını göstərdiyindən əmin olun.

Bu kodun nə etdiyini və necə istifadə oluna biləcəyini başa düşün. lodash-da oxşar bir helper var — əgər tanıyırsansa, sadəcə adını çəkə bilərsən.

SSR ilə işlədinizmi? Nə edirdiniz — SSR, SSG və ya sadəcə Next.js istifadə edirdiniz?

Tutaq ki, hər dəfə istifadəçi sayta daxil olur və ya səhifəni yeniləyir, stilərin yüklənməsi uzun çəkir. Kritikal CSS-ni etmək çətindir. CSS və ümumiyyətlə hər hansı statik məzmun üçün nə yoxlanmalıdır?

HTML-nin parse prosesini nə mane ola bilər?

İstifadəçi bəzən düyməyə basıla bilmədiyini şikayət edir, amma yerli olaraq problem təkrarlanmir. Sənin debug addımların nədir? Nə səbəblər ola bilər?

Thunk middleware daxilində API-dən məlumat necə əldə edilir, API-nin əlavə arqument kimi keçdiyini nəzərə alaraq?

Web Vitals və xüsusən FCP metrikası haqqında eşitmisinizmi? Web Vitals metrikaları haqqında bildiklərinizi paylaşın.

API cavabı, istifadəçiyə müvafiq sahənin yanında göstərilməli olan bir səhv içərə bilər.