Sichtbar Browser Reflow

Question

Ich versuche, eine window-basierte Anwendung für Web-Browser zu machen. Die Anzahl der Fenster ist sehr hoch, daher speichere ich sie als HTML-Dateien (eine pro Fenster), die ich asynchron vom Benutzer abrufe.

Um ein Fenster zur Startseite hinzufügen, ich habe den Link Elemente (CSS) des heruntergeladenen Dokuments in seinen Kopf Abschnitt zunächst hinzufügen und dann anhängen ich den Inhalt des Körper Abschnitts bis zu einem gewissen div. Wenn ein Fenster geschlossen ist, entferne ich einfach diese Elemente.

Dieser Ansatz scheint gut zu funktionieren, aber ich kann sehen, dass manchmal, wenn ich ein Fenster hinzufüge, seine Elemente außerhalb der Position ohne Stil sichtbar sind, und nach einem kurzen Moment sind sie korrekt gemalt.

Ich habe keinen starken Hintergrund in der Webprogrammierung, aber ich vermute, dass dies mit dem zusammenhängen könnte, was es "Browser Reflow" genannt wird. Bedeutet es, dass es zu viel Zeit braucht, um alles neu zu streichen? Ist es möglich, diese "unausgegorenen" Elemente einfach zu verstecken, bis es sicher ist, sie zu zeigen?

Jede Anleitung wäre willkommen.

Answer 1

Einige Zeit weg vom Computer scheint meine Gedanken entspannt zu haben. Ich war fälschlicherweise davon ausgegangen, dass das Hinzufügen neuer Verknüpfung Elemente zum Kopf Abschnitt würde die CSS-Dateien sofort laden. Offensichtlich muss der Browser sie zuerst vom Server abrufen. Daher zeigen die DOM-Elemente, die ich hinzufüge, ihren Stil nicht an, da die CSS-Dateien noch nicht heruntergeladen wurden. Ich denke, das ist die richtige Antwort.