Wie überprüfe ich, wann das Fenster verfügbar wird? ⇐ JavaScript

[Anonymous]

Ich bin neu in Seltekit und ich bin mit SSR nicht vertraut. Ich habe kürzlich erfahren, dass Fenster erst nach dem Laden der Client-Seite definiert ist, was mit dem Onmount -Haken bestimmt werden kann. Nehmen wir an, ich habe die folgende Komponente: < /p>

Code: Select all

const getRem = (rem: number) => rem *
parseFloat(getComputedStyle(document.documentElement).fontSize)
const sizeOfSomeOtherElement = getRem(4) // returns the px value of 4rem
const sizeOfThisElement = sizeOfSomeOtherElement * 0.5

Jetzt verstehe ich in diesem speziellen Beispiel, dass ich nur CSS Calc verwenden kann. Hier möchte ich den Wert eines Rem dynamisch erhalten, da er basierend auf dem Benutzer unterschiedlich sein kann. Jetzt konnte ich das Rendering des Elements verzögern und warten, bis die Komponente einmal so montiert ist: < /p>

Code: Select all

let isLoaded = $state(false)
onMount(() => { isLoaded = true })
/* ... other conditionals ... */


{#if isLoaded)

{/if}
< /code>
, aber dies verzögert das Rendering der Komponente um eine leichte, aber spürbare Menge. Es scheint nicht die richtige Lösung für mich zu sein, da ich die Komponente nicht montieren muss. Ich brauche nur das Variable -Fenster 

, was ich für vor dem Montieren denke. Verstehe ich etwas falsch?