Frontend

Hoe kun je weten of er problemen zijn met het formulier in productie, als het stopt met werken (bijvoorbeeld, registratie wordt niet voltooid)?

De TTFB (Time To First Byte) metriek — hoe kan deze tijdens SSR dalen, wat is de aard van de dalingen en hoe kan men deze verbeteren? Beschrijf wat er gebeurt vanaf het moment dat je op Enter drukt tot er iets op het scherm verschijnt.

functie promiseWithResolve() { // Niet geïmplementeerd } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementeer de functie callLimit, die het aantal oproepen van de doorgegeven functie tot een bepaald limiet beperkt, en ook de methode reset biedt om de teller te resetten.

Je moet een functie sum schrijven die, wanneer deze met een argument wordt aangeroepen, een getal optelt, en wanneer zonder argument wordt aangeroepen, het opgetelde getal teruggeeft. Bijvoorbeeld: sum(2)(1)(2)() moet 5 teruggeven.

Stel je voor: vlak voor de release vind je een bug waardoor een feature niet correct werkt. De release kan niet worden uitgesteld, maar je weet dat er iets niet goed werkt. Wat zou je in zo'n situatie doen?

De gebruiker heeft op de knop gedrukt, er kwam een grote hoeveelheid gegevens van de backend binnen en het scherm hapert. Wat zou dit kunnen veroorzaken en hoe los je dit op?

Implementeer de type-definitie in TypeScript voor URL-validatie, zodat alleen correcte URL's van het volgende type worden toegestaan: basisdomein + pad (users/orders/messages) + methode (get/update/delete/ban). Willekeurige strings moeten een compilatiefout veroorzaken.

Stel dat we een online winkel hebben, waar een lijst met producten wordt weergegeven met 50 items per pagina, met paginering. Wanneer de gebruiker naar de tweede pagina gaat, vooral op de telefoon, worden lange tijd witte vierkanten in plaats van afbeeldingen weergegeven. Hoe kunnen we ervoor zorgen dat de afbeeldingen sneller verschijnen?

Heb je ooit met CI/CD gewerkt, misschien heb je Docker-containers gemaakt of pipelines ingesteld?

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

Stel dat we zien dat de stijlen elke keer dat een gebruiker de site bezoekt of de pagina vernieuwt, lang laden. Kritisch CSS maken is moeilijk. Wat moet er specifiek worden gecontroleerd op CSS en in het algemeen op elke statische inhoud?

Begrijp wat deze code doet en hoe je het kunt gebruiken. Er is een vergelijkbare helper in lodash — als je het herkent, kun je gewoon de naam noemen.

Heb je met SSR gewerkt? Wat deed je — specifiek SSR, SSG of gewoon Next.js gebruiken?

Zorg ervoor dat de UserName-component de nieuwe gebruikersnaam weergeeft na een succesvolle indiening van het formulier.

Hoe gegevens uit de API binnen een thunk krijgen, rekening houdend met het feit dat de API als extra argument wordt doorgegeven in de thunk middleware?

Een gebruiker klaagt dat de knop soms niet reageert, maar het probleem wordt lokaal niet gereproduceerd. Wat zijn je stappen voor debugging? Wat kunnen de oorzaken zijn?

Wat kan het HTML-parsingproces blokkeren?

Heeft u gehoord van Web Vitals en vooral van de FCP-metriek? Vertel wat u weet over de Web Vitals-metrics.

Hoe werkt de Event Loop — welke wachtrijen zijn er, wat is de volgorde van uitvoering? Vertel over microtaken, macrotaken, requestAnimationFrame, requestIdleCallback.