Frontend

Komponentenzusammensetzungen + React Context → Übertragung von formEntity durch den Provider in Form und Nutzung in FormItem. Form umschließt seine Kinder mit FormContext.Provider, und FormItem verwendet cloneElement, um value und onChange in Input zu injizieren. Hindernis: Stelle sicher, dass FormItem den Namen an den Aktualisierungs-Handler übergibt. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Was ist der Unterschied zwischen den Direktiven v-if und v-show?

Wenn man eine Funktion deklariert und danach eine Variable — wird sie innerhalb der Funktion zugänglich sein? Erkläre das Hoisting von Variablen und die temporäre tote Zone.

Wie würden Sie den Server- und Client-Zustand trennen?

Du hast die Entwicklung einer wiederverwendbaren UI-Kit-Komponentenbibliothek auf Basis von Angular Material erwähnt. Gibt es einen prinzipiellen Unterschied zwischen Bibliothekskomponenten und normalen multifunktionalen Komponenten der Anwendung? Worauf kann bei normalen Komponenten verzichtet werden, was bei Bibliothekskomponenten nicht?

Middle

Госуслуги

Kennst du das Konzept des "Akkordeons"? Wie kann man diese Komponente ohne JavaScript umsetzen?

Wie wird das Prinzip der Dependency Inversion in Angular umgesetzt? Was ist ein InjectionToken?

Zählen Sie die React-Hooks auf, mit denen Sie gearbeitet haben. Erklären Sie den grundlegenden Unterschied zwischen useState und useRef.

Können Sie alle technischen Lösungen für dieses Problem auflisten (außer das Ersetzen des Feldes durch ein Signal)?

/* Was wird in der Konsole ausgegeben */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("fertig!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Ergebnis"; } f(); console.log(7);

In welchem Team arbeiten Sie und an welchem Projekt?

SSG wird während des Builds generiert, SSR während der Anfrage. Wann würde man was verwenden? Was ist ISR?

Warum haben Sie computed verwendet, um Tarife zu filtern, anstatt normale Variablen oder Funktionen?

Middle+

Рунити

Füllen Sie die 5×5-Matrix mit einzigartigen zufälligen Ganzzahlen von 0 bis 1000.

Warum können Fehler in der Funktion any nicht über push hinzugefügt werden, sondern müssen per Index geschrieben werden?

Middle+

Яндекс 360

Mit welchen Protokollen kommunizierte deine Anwendung mit dem Backend?

Middle+

Альфа-Банк

Du erhältst eine Aufgabe: Nach 10-15 Minuten Arbeit beginnt die Seite stark zu verzögern, es ist notwendig, dies zu beheben. Was sind deine ersten Schritte?

Aufgabe: Erstellen Sie eine Seite mit einer multifunktionalen Kryptowährungstabelle. Verbinden Sie sich mit der API und zeigen Sie die Liste der Münzen in der Tabelle an. Mindestanforderungen: Projekt von Grund auf neu erstellt Nur Typescript Mit der API verbinden Sortierung nach Werten in der Spalte Suche nach Werten in den Zellen (funktioniert nach dem Prinzip logisches UND) Zusätzliche Aufgaben: Eigene Paginierung Minimale Stile (angenehmes und ordentliches Aussehen) Allgemeine Suche nach Werten in allen Zellen Möglichkeit, Spalten zu fixieren

Haben Sie Bereitschaftsdienste (on-call) und wie sind diese organisiert?

Wann sollte man den State Manager verwenden und wann reicht der lokale Zustand oder der Kontext aus?