Erklären Sie die Event Loop in JavaScript/Browser.
Frontend
Erzählen Sie mir von der Eigenschaft position in CSS. Welche Werte gibt es?
Welche CSS-Selektoren sind für den Browser am teuersten?
Erzähle über dieses in verschiedenen Kontexten: in Objektmethoden, in Pfeilfunktionen und in normalen Funktionen.
import { useState } from "react"; const usePreviousValue = (value: number) => {}; export default function App() { const [zähler, setZähler] = useState(0); const vorheriger = usePreviousValue(zähler); return ( <div className="App"> <h1>Aktueller Wert: {zähler}</h1> <h2>Vorheriger: {vorheriger ?? "-"}</h2> <button onClick={() => setZähler((prev) => prev + 1)}>Klick</button> </div> ); }
Was ist CORS und wofür ist es?
Wie synchronisiert man zwei Browser-Tabs über localStorage? Erkläre das storage-Ereignis.
Erzähle mir von den Möglichkeiten, den Kontext in JavaScript zu bewahren: bind, call, apply. Worin unterscheiden sie sich?
Erzähle mir von der Spezifität der CSS-Selektoren. Wie wird sie berechnet? Welcher ist der spezifischste Selektor?
Erzählen Sie mir von State Management: Welche Bibliotheken haben Sie verwendet, erzählen Sie mir von der Redux-Architektur.
Erzählen Sie mir von den kritischen Phasen des Browser-Renderings (Critical Rendering Path)
Erklären Sie das Muster des Hochziehens des Zustands (lifting state up) in React
Worin besteht der Unterschied zwischen dem Null-Koaleszenzoperator (??) und dem logischen ODER (||)?
Funktion debounce(callback, delay) {}
Welche Typen gibt es in TypeScript, die es in JavaScript nicht gibt? Erzähl mir von Utility Types.
Erzähle mir von den Attributen defer und async im script-Tag. Worin unterscheiden sie sich?
Erkläre den Lebenszyklus eines React-Komponenten und die Hooks (useEffect, useState, useRef, useCallback, useMemo, useLayoutEffect usw.)
/** * Typisieren einer Funktion, die ein Array von Objekten und einen Schlüssel übernimmt, * gibt ein Array von Objekten zurück, die diesen Schlüssel/diese Eigenschaft haben **/ const filterArrayByKey = (items, key) => { return items.filter((item) => item[key] !== undefined && item[key] !== null); };
Was ist der Unterschied zwischen einfachen und komplexen (Preflight) Anfragen im Kontext von CORS?