Frontend

TypeScript: was ist der Unterschied zwischen den Typen `any`, `unknown` und `never`?

Vue 2 und Vue 3: Welche architektonischen Einschränkungen der Reaktivität von Vue 2 zwangen Evan You dazu, die Engine mit `Proxy` neu zu schreiben?

JavaScript: was ist der Unterschied zwischen `prototype` und `__proto__`?

Vue 3: was ist der grundlegende Unterschied zwischen `ref` und `reactive`, einschließlich ihrer zugrunde liegenden Funktionsweise?

Wenn `Proxy` so gut ist, warum hat Vue 3 immer noch `ref`?

Analysieren Sie den bereitgestellten Vue-Code: Welche Variablen sind reaktiv, wo geht die Reaktivität verloren und wie kann man es beheben?

Bei der Optimierung des Ladens einer schweren Frontend-Anwendung mit 150 kleinen Icons, sollten die Icons in einem einzigen Sprite zusammengefasst oder CSS-Inlining bei Verwendung von HTTP/2 oder HTTP/3 verwendet werden?

Kann `debounce` mit `AbortController` kombiniert werden?

Wird im bereitgestellten Vue-Code die Vorlage beim Klicken auf die Schaltfläche aktualisiert?

Wenn du innerhalb von `setup` ein `watch` oder `computed` erstellst, was passiert mit ihnen beim Demontieren der Komponente?

Bestimmen Sie die Reihenfolge der Konsolenausgabe für den bereitgestellten Code mit `setTimeout`, `Promise` und synchronem `console.log` und erklären Sie sie durch die Event Loop.

Wenn du `state.userName = 'Max'` zuweist, ändert sich dann der Inhalt von `h1`?

Wenn du innerhalb von `setup` ein `setInterval` erstellst oder einen Ereignis-Listener an `window` hinzufügst, werden diese beim Demontieren der Komponente automatisch entfernt?

Der Benutzer tippt schnell in das Suchfeld. Was ist der Unterschied zwischen `debounce`, `throttle` und `AbortController` aus UX- und Netzwerk-/Backend-Last-Sicht? Was ist besser für Live-Suche?

Stellen Sie sich eine Warteschlange von Makroaufgaben mit fünf `setTimeout`-Aufrufen vor, während Mikroaufgaben unendlich neue Mikroaufgaben hinzufügen, zum Beispiel durch rekursive `Promise.resolve().then()`. Was passiert mit der Benutzeroberfläche und werden diese fünf Timeouts jemals ausgeführt? Warum?

Implementieren Sie eine `debounce`-Funktion, die eine sofortige Ausführung am Anfang einer Ereignisserie (`leading`) unterstützt, eine trailing-Ausführung am Ende der Serie standardmäßig, und eine Methode `debounceFunc.cancel()`, um den geplanten Aufruf abzubrechen.

TypeScript: implementieren Sie einen `SnakeCase`-Typ, der die Schlüssel eines Objekts tiefgreifend von `camelCase` in `snake_case` umwandelt und dabei die Typsicherheit bewahrt.

Was und wie oft wird bei Klick auf die Schaltfläche im bereitgestellten Vue-Code in der Konsole protokolliert?

Implementieren Sie eine vereinfachte Funktion `reactive(object)`, die Vue 3 nachahmt: Beim Lesen einer Eigenschaft rufen Sie `track(target, key)` auf, und beim Ändern einer Eigenschaft rufen Sie `trigger(target, key)` auf.

Was ist die Schwachstelle der Prototype Pollution?