Frontend

Kuidas saab teada, kas on probleeme vormiga tootmises, kui see lõpetab töötamise (näiteks registreerimine ei lõpeta)?

TTFB (Time To First Byte) mõõdik — kuidas see võib SSR ajal langeda, milline on languste olemus ja kuidas seda saab parandada? Kirjeldage, mis toimub alates Enteri vajutamisest kuni midagi ilmub ekraanile.

funktsioon promiseWithResolve() { // Ei ole rakendatud } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Rakenda callLimit funktsiooni, mis piirab edastatud funktsiooni kutsumiste arvu kuni määratud limiidini, ning pakub ka reset meetodit loenduri lähtestamiseks.

Kirjutage funktsioon sum, mis, kui seda kutsutakse argumendiga, kogub arvu, ja kui seda kutsutakse ilma argumendita, tagastab kogutud arvu. Näiteks: sum(2)(1)(2)() peaks tagastama 5.

Kujutage ette olukorda: otse enne väljaandmist leiate vea, mille tõttu funktsioon töötab valesti. Väljaandmist ei saa edasi lükata, kuid te mõistate, et midagi ei tööta õigesti. Mida sellises olukorras teeksite?

Kasutaja vajutas nuppu, tagast tuli suur andmepakett ning ekraan hangus. Mis võib olla selle põhjuseks ja kuidas probleemi lahendada?

Rakenda TypeScript-tüüpi URL-i valideerimiseks, lubades ainult õiged URL-id järgmisel kujul: põhivõrk + tee (users/orders/messages) + meetod (get/update/delete/ban). Tõenäolised stringid peaksid põhjustama kompileerimisvea.

Oletame, et meil on internetipood, kus kuvatakse 50 toote nimekiri koos leheküljevahetusega. Kui kasutaja liigub teisele lehele, eriti telefonis, kuvatakse pikka aega valged ruudud piltide asemel. Kuidas teha, et pildid ilmuksid kiiremini?

Kas oled töötanud CI/CD-ga, võib-olla oled loonud Docker-konteinerid või seadistanud pipeline'id?

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

Veenduge, et UserName komponent näitab uut kasutajanime pärast vormi edukat esitamist.

Saage aru, mida see kood teeb ja kuidas seda saab kasutada. lodashis on sarnane abiline — kui te seda tunned, võid lihtsalt nimetada selle nime.

Kas oled töötanud SSR-iga? Mida tegi — SSR, SSG või lihtsalt kasutas Next.js?

Oletame, että näemme, että tyylit latautuvat pitkään joka kerta, kun käyttäjä saapuu sivustolle tai päivittää sivua. Kriittisen CSS:n tekeminen on vaikeaa. Mitä tulisi erityisesti tarkistaa CSS:ssä ja yleisesti missä tahansa staattisessa sisällössä?

Kasutaja kurdab, et nupp ei reageeri mõnikord, kuid kohapeal probleem ei korduks. Millised on sinu sammud veaotsinguks? Millised võivad olla põhjused?

Kuidas saada andmeid API-st thunk sees, arvestades, et API antakse edasi kā papildargument thunk middleware'is?

Mis võib blokeerida HTML-parsing'u protsessi?

Kas te olete kuulnud Web Vitalsist ja eriti FCP-mõõdiku kohta? Rääkige, mida te Web Vitals mõõdikute kohta teadsite.

API vastus võib sisaldada viga, mis peaks kasutajale kuvatama vastava välja kõrval.