Blockiert CSSOM das Rendern der Seite? Warum?
Frontend
Beschreiben Sie den kritischen Pfad des Browser-Renderings: vom Eingeben der URL in die Adressleiste bis zum Rendern der Seite. Erklären Sie DNS, TCP, HTTP, DOM-Building, CSSOM, Render Tree, Layout und Paint.
Was ist Reflow und Repaint? Was ist ein erzwungener Reflow (erzwungene Neuberechnung)? Wie kann man das Rendering optimieren, um die Anzahl der erzwungenen Neuberechnungen zu verringern?
In welchen Fällen erfolgt ein Re-Render (Neuzeichnen) einer Komponente in React? Erzählen Sie von reconciliation (Abstimmung).
Wie man die Funktion makeBook so gestaltet, dass sie die erwarteten Werte 0 und 5 anstelle von zwei Dutzenden zurückgibt?
Wie kann man eine Aufgabe, die durch Vererbung gelöst wird, auf alternative Weise lösen? Was ist Komposition im Kontext von TypeScript und React?
Sehen Sie sich die Funktion makeBook an. Bestimmen Sie, was in der Konsole bei den Zeilen 20-21 (zwei kommentierte Zeilen) ausgegeben wird. Erklären Sie das Verhalten der Funktion.
Welche Designmuster und Qualitätsprinzipien des Codes verwenden Sie bei der Entwicklung mit React/TypeScript? Wie wenden Sie die SOLID-Prinzipien im Frontend-Development an?
Refaktorisieren Sie die Komponente, die eine Zufallszahl (aus Promise) und die Scroll-Position rendert. Finden Sie die Probleme und beheben Sie sie.
Was sind HOC (Higher-Order Components)? Wofür werden sie verwendet? Geben Sie Beispiele für die Verwendung von HOC in React.
Wofür werden Generics in TypeScript verwendet? Wie beschränkt man ein Generic auf bestimmte Typen? Was ist Type Narrowing und wie wird es umgesetzt?
Wie funktioniert der Virtual DOM in React? Wie bestimmt React die Reihenfolge der Operationen bei der Neudarstellung? Erzählen Sie von React Fiber und dem Scheduler.
Was ist CORS? Wie funktioniert es? Was ist der Unterschied zwischen einfachen Anfragen (GET, POST) und Preflight-Anfragen (OPTIONS)? Worauf achtet CORS beim Senden einer Anfrage?