Frontend

[Name] fragte: Gab es Fälle, in denen Sie eine Funktion kommunizieren mussten, die nicht in der Aufgabe enthalten war, nach eigenem Ermessen?

Was ist der Unterschied zwischen git fetch und git pull?

Erzähle mir von Teleport und Suspense in Vue.js: Was sind sie, hast du sie in deiner Arbeit verwendet?

function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: Handler entfernen } function emit(event, payload) { // TODO: Alle Abonnenten des Events aufrufen } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);

Ein Array mit 2 Millionen Elementen kommt an, jedes Element muss 100 Millisekunden verarbeitet werden. Die Interaktion mit dem Server darf nicht geändert werden. Wie verarbeitet man dieses Array, um die Benutzeroberfläche nicht zu blockieren?

Middle

Wildberries

Kann man den TypeScript-Typen zur Laufzeit vertrauen? Wie kann man die Validierung der Backend-Daten sicherstellen?

Erzähle mir mehr über deine Erfahrung: Hast du die Anforderungen selbst gesammelt oder kamen sie fertig geliefert?

Worauf haben Sie sich bei der Code-Überprüfung gestützt und wie haben Sie Meinungsverschiedenheiten gelöst?

Warum ist es besser, einen Store (z.B. Pinia) für den globalen Zustand zu verwenden, anstatt provide/inject?

Haben Sie schon einmal die Erfahrung gemacht, eine Idee umzusetzen, die großartig schien, aber letztendlich ein Misserfolg war?

Erzählen Sie mir von Ihrem vorherigen Unternehmen — Teamzusammensetzung, Prozesse, Projekte.

Middle

Лига Цифровой Экономики

Sieh dir das Layout mit den Schritten und den Teilnehmerkarten an. Was ist hier nicht richtig?

Aus Sicht der Syntax und Struktur des Codes – was würdest du in dieser Funktion refaktorisieren?

Wie funktioniert React im Hintergrund? Erklären Sie den Reconciliation-Mechanismus, Virtual DOM, Fiber-Architektur und warum es zwei Phasen (Render und Commit) gibt.

Was sind die Nachteile und Risiken bei der unabhängigen Bereitstellung von Micro-Frontends?

Middle+

СБЕР

Erzählen Sie mir von Ihrer Ausbildung. Wie sind Sie in den IT-Bereich gekommen?

Live-Coding-Aufgabe: Du hast eine kleine To-Do-Liste-Komponente in JSX. Korrigiere alles, was dir nicht gefällt, und erkläre warum.

Wozu dient in React eigentlich der Schlüssel (key) in Listen?

/** * Aufgabe 1: Generische Typen und Schlüssel-Typ-Sicherheit * Erstellen Sie eine Funktion `getProperty`, die ein Objekt und einen Schlüssel übernimmt. * Verwenden Sie Generics, um sicherzustellen, dass die Funktion typsicher ist und der Schlüssel im Objekt existiert. */ function getProperty<T extends Record<string, unknown>, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; } getProperty('str', 'toString') /** * Aufgabe 2: Angenommen, mehrere Todo-Interface-Deklarationen unten, erkläre, was passiert, wenn sie im selben Geltungsbereich vorhanden sind. * Diskutiere, wie TypeScript sie behandelt, und fülle das `myTodo`-Objekt aus, um die Anforderungen des zusammengeführten Todo-Interfaces zu erfüllen. */ interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; }

Beschreiben Sie den Standard-Authentifizierungsfluss über Keycloak, den Sie in Ihren Projekten verwendet haben.

Middle

МТС Банк