Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: Browser Rendering
Überspringen des Außerhalb-des-Bildschirms-Renderings mit „content-visibility“ und „contain-intrinsic-size“
Erfahren Sie, wie „content-visibility“ die Layoutkosten auf langen, vom Server bereitgestellten Seiten reduziert, warum „contain-intrinsic-size“ erforderlich ist und wie es sich im Vergleich zur Virtualisierung verhält.
12 Min. LesezeitDenken im Kontext der Ungültigkeitsprüfung: Ein praktisches Modell dafür, wie Browser Seiten darstellen
Lernen Sie, über die Darstellung im Browser nachzudenken, indem Sie herausfinden, welche Änderungen was ungültig machen – von Layout-Problemen und Zeichnungskosten bis hin zu Kompositing, Hydratierung und Streaming.
11 Min. LesezeitVon Stylesheet zu Bildschirm: Wo CSS in der Browser-Pipeline seinen Platz hat
Von der Herunterladung bis zu den Pixeln – CSS im Detail: Wie DOM, CSSOM und der Render-Tree erstellt werden, wo die Kaskadierung stattfindet und welche Stilquellen um jedes Element konkurrieren.
8 Min. LesezeitVon 66 % auf 185 px: Wie Browser CSS-Werte vor dem Layout berechnen
Verfolgen Sie einen CSS-Wert durch die Phasen „deklariert“, „kaskadiert“, „spezifiziert“, „berechnet“, „verwendet“ und „tatsächlich“ und erkennen Sie, warum relative Einheiten sowie der rem-Umrechnungstrick sich so verhalten.
8 Min. LesezeitWie die Kaskade einen Gewinner auswählt: Bedeutung, Spezifität und Quellreihenfolge
Erfahren Sie, wie Browser konkurrierende CSS-Deklarationen auflösen, wie Sie die Spezifität als Vier-Teile-Vergleich lesen können und warum Hover-Regeln sowie !important Sie so oft überraschen.
11 Min. LesezeitWoher CSS-Werte kommen, wenn Sie „None“ festlegen: Wie die Vererbung funktioniert
Erfahren Sie, wie Browser entscheiden, ob eine Eigenschaft vererbt wird, warum Kinder den berechneten Wert des Elternteils erhalten, und wie inherit und initial Ihnen eine explizite Kontrolle bieten.
10 Min. LesezeitUmfüllen, Neuzeichnen, Kompositieren: Was jede CSS-Änderung den Browser kostet
Erfahren Sie, wie HTML und CSS durch DOM, CSSOM, Layout, Zeichnen und Kompositing ablaufen, warum Breitenänderungen aufwändiger sind als Farbänderungen und wie Sie Layout-Probleme vermeiden können.
16 Min. LesezeitEchtzeit-DOM-Kollektionen, Layout-Probleme und die Erklärung zur Attributlücke
Der DOM ist ein lebender Baum. Warum JavaScript-Schleifen bei lebenden Sammlungen Elemente überspringen, wie Lese- und Schreibvorgänge zu Layout-Problemen führen und wann getAttribute benötigt wird.
6 Min. LesezeitErklärung zur React-Renderung: Zustandsaktualisierungen zu Bildschirmpixeln
Wie die Render-, Reconciliation- und Commit-Phasen von React mit dem Browser-Rendering verbunden sind: Layout, Paint und Composite, von einem Zustandsupdate bis zu den tatsächlichen Bildpunkten auf dem Bildschirm.
17 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.