'Gerade rechtzeitig' CSS

Der Aufstieg von Atomic CSS und seine "Instant" -Kompilation: Eine neue Art, CSS zu schreiben

ACSS.IO gilt als erstes Projekt, das das Konzept von "Atomic CSS" übernimmt, und sein Kern liegt in der Zusammenstellung von CSS. Sie müssen nur CSS wie folgt schreiben:

<code><div>
  Text
</div></code>

Es erzeugt ein CSS wie folgt:

 <code>.C\(\#333\) { color: #333; } .P\(20px\) { padding: 20px; }</code>

(oder ähnlicher Code).

Der Schlüssel ist, dass es nur die CSS generiert, die Sie tatsächlich benötigen, nicht mehr oder weniger. Die endgültige generierte Menge an CSS -Code ist viel kleiner als die des normalen Stilblatts.

Dieser Zusammenstellungsprozess heißt "Just Low Time" CSS.

Das beliebte Rückenwind -Framework unterstützt diesen Ansatz auch. Für mich, die Denkweise dieses Upwinds des Rückenwinds. Anstatt eine große Anzahl von CSS -Dienstprogrammklassen bereitzustellen und dann nicht verwendete Teile zu "reinigen", entsteht nur die erforderlichen CSS von Anfang an.

Ich denke, das Konzept von "Instant" CSS ist in Popularität. Ich habe in letzter Zeit Assembler CSS CSS gesehen und es nimmt das sehr ernst. Es funktioniert nicht wie Klassen, aber wie folgt:

<code><div x-style="grid; gap:1rem; grid-rows:1; grid-cols:1; sm|grid-cols:3">
  Einreichen
</div></code>

Ich bin ein bisschen in Konflikt mit diesem Ansatz. Einerseits gefällt mir die Art und Weise, wie es sich stiles, ohne die Vorlage zu verlassen, und insbesondere die sehr kleine Menge an CSS -Code, die er generiert, da CSS eine blockierende Ressource ist. Andererseits mag ich es nicht, dass es sich um eine restriktive Abstraktion von CSS selbst handelt, in der Sie in dem Grad, in dem die Tools CSS -native Funktionen unterstützen, Sie belassen. Es lässt auch HTML ein wenig kompliziert aussehen - obwohl ich es gewohnt bin, wie Inline -Event -Handler in JSX.

Das obige ist der detaillierte Inhalt von'Gerade rechtzeitig' CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!