Frontend
Haben Sie schon einmal mit Set-Objekten gearbeitet? Was ist ihre Besonderheit und warum wurden sie entwickelt?
Gibt es Tests im Projekt?
Kennst du die SOLID-Prinzipien? Erzähl mir vom Prinzip der Dependency Inversion (DIP)
Mit welchen Hooks können wir in React lokalen Zustand speichern?
Fassen Sie zusammen: Welche drei Probleme wurden in der Anwendung gefunden und behoben?
Warum ist es besser, die Vorschläge für das Eingabefeld absolut zu positionieren?
Kannst du erklären, warum genau diese Zahl?
Verwendeten Sie KI nur für Tests und Dokumentation oder haben Sie etwas Ernstes von Grund auf neu geschrieben?
Kennen Sie die Begriffe Kaskade und Spezifität in CSS? Welche Methodologien helfen, die Spezifität im Team zu bewältigen?
Was ist Module Federation und was umfasst sie?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("jeder Render 1")); console.log("jeder Render 2"); useEffect(() => { console.log("jeder Render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Erhöhen </button> ); }
Haben Sie Verständnis dafür, wie Tailwind funktioniert?
Was ist das WebSocket-Protokoll und worum geht es dabei, wann wird es angewendet?
TypeScript-Aufgabe: Es gibt eine Klasse Animal mit den Methoden move und bark, und eine Funktion process, die ein Animal vom Typ Animal akzeptiert und seine Methode bark aufruft. Wird es einen TypeScript-Fehler geben? Wie kann man den Typ richtig einschränken? Wie schreibt man einen type guard?
Welche Datentypen gibt es in JavaScript? Worin unterscheiden sich Primitive von Objekten? Wie werden sie im Speicher gespeichert?
War die Architektur auf Micro-Frontends basierend?
Wo kann man interface verwenden, aber nicht type?
Haben Sie Docker und CI/CD im Kontext der Frontend-Entwicklung verwendet?
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?