Übersetzt aus: Smashing Magazine
中文: Zen -Codierung: Eine Methode zum schnellen Schreiben von HTML/CSS -Code
Bitte respektieren Sie das Urheberrecht. Bitte geben Sie die Quelle beim Nachdruck an!
In diesem Artikel zeigen wir eine neue Möglichkeit, HTML und CSS mithilfe von Syntax, die CSS -Selektoren nachahmt, schnell zu entwickeln. Es wurde von Sergey Chikuyonok entwickelt. Wie viel Zeit verbringen Sie das Schreiben von HTML -Code (einschließlich aller Tags, Attribute, Referenzen, Zahnspangen usw.)? Wenn Ihr Editor Code -Eingabeaufforderungen hat, ist es einfacher, wenn Sie ihn schreiben, aber trotzdem müssen Sie immer noch manuell viel Code eingeben.
In JavaScript, wenn wir ein bestimmtes Element auf einer Seite erhalten möchten, müssen wir auf dasselbe Problem stoßen, und wir müssen viel Code schreiben, was es schwierig macht, zu warten und wiederzuverwenden. JavaScript -Frameworks entstanden und führten auch die CSS -Selektor -Engine ein. Jetzt können Sie einfache CSS -Ausdrücke verwenden, um DOM -Elemente zu erhalten, was ziemlich cool ist.
Aber was wäre, wenn Sie nicht nur den CSS -Selektor zum Layout und zum Lokalisieren von Elementen verwenden, sondern auch Code generieren könnten? Zum Beispiel, wenn Sie dies schreiben:
Div#Inhalt> H1+p
& Hellip; Dann können Sie die Ausgabe so sehen:
<div id = "content">
<h1> </h1>
<p> </p>
</div>