Leksykon IT › Web › Konstruowalne arkusze stylów

Konstruowalne arkusze stylów

Web Svenska → Zaktualizowano: 2026-10-06

API do tworzenia arkuszy CSS w JavaScripcie jako obiektów (new CSSStyleSheet()) i współdzielenia tej samej instancji między wieloma shadow rootami przez adoptedStyleSheets. Rozwiązuje problem wydajności polegający na tym, że każdy komponent webowy inaczej powielałby swój CSS.

Problem: w komponentach webowych CSS jest enkapsulowany w obrębie shadow roota — ale przy stu instancjach tego samego komponentu każda tradycyjnie miałaby własną kopię arkusza (przez znacznik <style> w każdym shadow rootcie) → zbędne zużycie pamięci i stukrotne parsowanie tego samego CSS-a. Konstruowalne arkusze pozwalają utworzyć arkusz RAZ jako współdzielony obiekt i „adoptować” tę samą instancję we wszystkich shadow rootach → CSS jest parsowany raz i współdzielony, co oszczędza pamięć i przyspiesza działanie. Współdzielony arkusz można też zmieniać programowo, a zmiany widzą wszyscy użytkownicy. Zastosowanie: wydajność bibliotek komponentów z wieloma instancjami, dynamiczne motywy. Niszowe, ale ważne narzędzie wydajnych komponentów webowych. Powiązane z komponentami webowymi i właściwościami niestandardowymi CSS.

← Wróć do leksykonu