Frontend

Heb je ooit met Lighthouse gewerkt? Stel dat je de taak krijgt om de FCP (First Contentful Paint) metric te verbeteren. Welke ideeën komen in je op?

Bekijk dit stuk code — begrijp wat het doet, en schrijf een eenvoudig voorbeeld van gebruik. Er is ook een vergelijkbare helper in lodash.

const customMap = (array, transform) => { // iets als array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["hallo", "wereld"], item => item.length);

Wat vind je het leukst om te doen op het werk en wat niet zo? Wat kost meer tijd dan je zou willen?

Wat zijn de problemen in de huidige aanpak van SSR Data Loading en hoe zullen ze toenemen bij het toevoegen van nieuwe pagina's?

Implementeer een functie foo die een array neemt en een object retourneert waarbij de sleutels de elementen van de array zijn en de waarden allemaal 0.

Hoe ontwikkel je je, hoe leer je nieuwe technologieën, wat is het laatste dat je je herinnerde?

Vertel over je laatste werkplek en de projecten waar je aan hebt gewerkt.

Wanneer zal je melden dat je het niet op tijd redt?

Bepaal de uitvoervolgorde in de console voor de code met setTimeout, Promise, then, catch, finally en verschillende synchronisatie-aanroepen (opdracht over de Event Loop).

Wat heb je de laatste tijd Interessants en nieuws geleerd in de wereld van frontend?

Hoe kun je ondersteuning bieden voor moderne afbeeldingsformaten (WebP, AVIF) in browsers die deze niet ondersteunen?

Wat kan er gebeuren op de server tijdens het genereren van HTML (SSR) — waar besteedt de server tijd aan, welke problemen kunnen er zijn met prestaties en beveiliging bij het serialiseren van gegevens?

Wat is het verschil tussen het gebruik van hasOwnProperty en het direct controleren van de waarde via een voorwaarde (if o[x])? Wat gebeurt er als de waarde van de eigenschap false is?

Welke verbeteringen kunnen in de toekomst worden aangebracht om de kwaliteit van het product te verbeteren?

Waarvoor is React.lazy bedoeld? Welke voordelen biedt het en hoe werkt het onder de motorkap?

Implementeer een functie memoize die de resultaten van aanroepen van asynchrone functies in de cache opslaat en geen herhaalde verzoeken verstuurt als de oproep met dezelfde argumenten al is gedaan.

<script> function sum(valueA) { throw 'Niet geïmplementeerd' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

Er is een functie customMap die bijna hetzelfde doet als een gewone map van een array, maar deze is niet getypeerd. Het moet zo getypeerd worden dat op de vijfde regel een array van strings staat, en op de zevende een array van getallen.

Je moet een functie schrijven genaamd memoize — een wrapper voor memoisatie. Voor de eenvoud kun je ervan uitgaan dat de functie altijd maar één argument heeft, en dat dit een primitieve waarde is.