Frontend

Wie kann man feststellen, ob es Probleme mit dem Formular in der Produktion gibt, wenn es nicht mehr funktioniert (z.B. Registrierung wird nicht abgeschlossen)?

Die Metrik TTFB (Time To First Byte) — wie kann sie bei SSR sinken, was ist die Natur der Einbrüche und wie kann man sie verbessern? Beschreiben Sie, was vom Moment des Drückens der Enter-Taste bis zum Erscheinen von etwas auf dem Bildschirm passiert.

Funktion promiseWithResolve() { // Nicht implementiert } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Implementieren Sie die Funktion callLimit, die die Anzahl der Aufrufe der übergebenen Funktion auf ein festgelegtes Limit beschränkt und auch die Methode reset bereitstellt, um den Zähler zurückzusetzen.

Stellen Sie sich eine Situation vor: Kurz vor der Veröffentlichung finden Sie einen Fehler, durch den eine Funktion nicht korrekt funktioniert. Die Veröffentlichung kann nicht verschoben werden, aber Sie wissen, dass etwas nicht richtig funktioniert. Was würden Sie in einer solchen Situation tun?

Sie müssen eine Funktion sum schreiben, die bei Aufruf mit einem Argument eine Zahl aufsummiert und bei Aufruf ohne Argument die aufsummierte Zahl zurückgibt. Zum Beispiel: sum(2)(1)(2)() sollte 5 zurückgeben.

Implementieren Sie die Typisierung in TypeScript zur Validierung von URLs, die nur korrekte URLs vom folgenden Typ zulassen: Basisdomäne + Pfad (users/orders/messages) + Methode (get/update/delete/ban). Beliebige Strings sollten einen Kompilierungsfehler auslösen.

Der Benutzer hat auf eine Schaltfläche gedrückt, eine große Datenmenge vom Backend wurde empfangen, und der Bildschirm ist eingefroren. Wodurch könnte das passiert sein und wie kann man das Problem lösen?

Hast du schon mit CI/CD gearbeitet, vielleicht Docker-Container erstellt oder Pipelines eingerichtet?

Angenommen, wir haben einen Online-Shop, in dem eine Liste von 50 Produkten angezeigt wird, mit Paginierung. Wenn ein Benutzer zur zweiten Seite wechselt, insbesondere auf einem Telefon, werden lange weiße Quadrate anstelle der Bilder angezeigt. Wie kann man die Bilder schneller erscheinen lassen?

Verstehen Sie, was dieser Code macht und wie er verwendet werden kann. Es gibt einen ähnlichen Helper in lodash — wenn du ihn erkennst, kannst du einfach den Namen nennen.

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

Angenommen, wir sehen, dass die Styles jedes Mal lange laden, wenn ein Benutzer die Website besucht oder die Seite aktualisiert. Kritisches CSS zu machen ist schwierig. Was sollte man speziell bei CSS und generell bei statischen Inhalten überprüfen?

Ein Benutzer beschwert sich, dass die Schaltfläche manchmal nicht reagiert, aber lokal tritt das Problem nicht auf. Was sind deine Schritte zur Fehlerbehebung? Was könnten die Ursachen sein?

Stellen Sie sicher, dass die Komponente UserName den neuen Benutzernamen nach erfolgreichem Absenden des Formulars anzeigt.

Haben Sie mit SSR gearbeitet? Was haben Sie gemacht — speziell SSR, SSG oder einfach nur Next.js verwendet?

Wie man Daten aus der API innerhalb eines Thunks erhält, wobei die API als zusätzliches Argument im Thunk-Middleware übergeben wird?

Was kann den HTML-Parsing-Prozess blockieren?

Wie funktioniert die Event Loop? Welche Warteschlangen gibt es und in welcher Reihenfolge werden sie ausgeführt? Erklären Sie Mikroaufgaben, Makroaufgaben, requestAnimationFrame, requestIdleCallback.

Sieh dir die Funktion im Editor an: Sie nimmt ein Array von Schlüsseln und ein Objekt, und kopiert durch reduce nur das Objekt mit den angegebenen Schlüsseln. Wie würdest du diese Funktion nennen?