Heim >Web-Frontend >CSS-Tutorial >Neuinformation Atomic CSS
Obwohl ich kein großer Atom -CSS -Enthusiast bin - die schiere Anzahl von Klassen ist nicht meine Tasse Tee, und ich finde traditionelle CSS sehr effektiv -, erkenne ich seine Anziehungskraft. Die Vorteile sind klar: Kleinere Stylesheets im Vergleich zu manuell geschriebenen CSS, und der klassenbasierte Ansatz fördert die Konsistenz innerhalb eines Designsystems.
Die Entwicklung von Atom -CSS ist faszinierend. Es wird von einer massiven Klassenbibliothek (mit kleinem, unveränderlichem CSS) bis zu raffinierteren Ansätzen entwickelt: Eliminieren ungenutzter Klassen und nun generieren Stylesheets auf Anfrage basierend auf der tatsächlichen Nutzung.
Anthony Fus "Reimagine Atomic CSS" bietet einen großartigen Überblick über diese Entwicklung und führt UNOCSS ein, ein weiterer Fortschritt. Obwohl ich nicht alle Feinheiten vollständig erfasse, scheint es verbesserte Fähigkeiten gegenüber früheren Iterationen zu bieten, vor allem durch konfigurierbare Regeln. Seine Geschwindigkeit (VITE -Nebelvermögen) ist ein bedeutendes Plus, insbesondere für die iterative Entwicklung.
Ich finde jedoch einige Aspekte, die eine Herausforderung darstellen. Die Komplexität ist bemerkenswert und Integrationen erscheinen begrenzt. Ich zögere auch, Stile in willkürliche HTML -Attribute umzuwandeln. Während JSX-Requisiten akzeptabel sind, erreichen direkte HTML-Attribute, die die DOM-Pose-Risiken erreichen, und sollten idealerweise für die Sicherheit datiert werden.
Trotz dieser Vorbehalte schätze ich Anthonys gründlichen Ansatz zur Problemlösung und den Austausch seines Prozesses. Die Aufnahme eines Spielplatzes ist eine willkommene Ergänzung.
Direkter Link →
Das obige ist der detaillierte Inhalt vonNeuinformation Atomic CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!