Wenn das Unternehmen wächst, werden die Anforderungen immer größer und das Team wächst häufig, um die gleiche Arbeit zu erledigen oder die Arbeiten anderer Leute zu pflegen und zu ändern Du am meisten? Wenn wir eine Seite mit komplexer Leistung implementieren, wird die CSS-Datei umständlicher. Wie kann man sie also schneller positionieren und Stile effizienter schreiben? Das Schreiben von CSS wird von vielen Menschen ignoriert. Was den Schreibstil betrifft, habe ich mir die Arbeiten einiger bekannter Websites angesehen und festgestellt, dass horizontale Zeilen fast zum Mainstream großer Produktprojekte geworden sind. Allerdings hat jeder unterschiedliche Arten, CSS zu schreiben, was zu einer Verringerung unserer Arbeitseffizienz führt . Um besser zusammenzuarbeiten und die Konsistenz des CSS-Schreibens innerhalb des Teams aufrechtzuerhalten, haben wir nach mehreren Wendungen einen Konsens erzielt. Die spezifische Schreibmethode ist wie folgt: CSS-Attribute werden horizontal geschrieben, Selektoren werden vertikal geschrieben und eine neue Zeile muss nach jedem "," (Komma) hinzugefügt werden;
Beispiel für Code-Schreibstandards für die Refactoring-Gruppe: (Die Zahlen dienen nur zur Veranschaulichung und es wird nicht empfohlen, Zahlen in tatsächlichen Anwendungen zu verwenden.)
.class_name_1 .class_name_1_1,
.class_name_2 .class_name_2_1 .class_name_2_1_1,
.class_name_3{style1:value; style2:value;
Manche Leute sagen, dass guter Code ein Kunstwerk ist, selbst wenn er mit Notepad geöffnet wird, und dass die Stildatei selbst ein Designwerk ist. Derzeit gibt es keine Autorität, diese Spezifikation zu definieren. Wir können nur eine einfache Zusammenfassung der beiden Schreibmethoden erstellen.
Vergleichen Sie die Stildateien selbst:
Funktionen für vertikales Schreiben:
Vorhandene Probleme: Es besteht die Gefahr, dass redundanter Code (z. B. Leerzeichen, Tabulatorzeichen, Zeilenumbrüche) angezeigt wird.