In letzter Zeit war ich besessen von der „Modularisierung“, einschließlich Artikeln und PPTs, und musste über viele verwandte Dinge nachdenken. Um meine Gedanken zur „Modularität“ in dieser Zeit zu klären, basieren die meisten davon auf meinen eigenen Erfahrungen und meinem Verständnis der Aufgabe der Seitenrekonstruktion. Es gibt bis zu einem gewissen Grad Einschränkungen, und ich hoffe, dass ich durch Durchsicht Neues lernen kann die Vergangenheit.
„Modular“ ist nur ein trendiger Name für die Technologien und Methoden, die wir in der Vergangenheit verwendet haben, genau wie „Ajax“. Als Trend in der Entwicklung der Seitenrekonstruktion schenken die Menschen ihr jedoch immer mehr Aufmerksamkeit und sprechen oft unbewusst von „Modularität“. Aber verstehen Sie wirklich, was „Modularisierung“ ist?
Was ist Modularität?
Es gibt 28 Interpretationen von „Modularität“ in CNKI . Man erkennt, dass „modulares“ Denken weit verbreitet ist. Die der „Modularisierung“ bei der Seitenrekonstruktion am nächsten kommende Erklärung ist wahrscheinlich die Erklärung in der Softwareentwicklung.
Schauen wir uns zunächst an, wie Baidus Eintrag „ Modularität “ erklärt:
„Modularisierung bezieht sich auf den Prozess der Aufteilung eines Softwaresystems von oben nach unten in mehrere Module, Schicht für Schicht, um ein komplexes Problem zu lösen. Jedes Modul vervollständigt eine bestimmte Unterfunktion, und alle Module werden auf eine bestimmte Weise zu einem Ganzen zusammengesetzt. Vervollständigen Sie die vom gesamten System benötigten Funktionen: Schnittstelle, Funktion, Logik und Status. Funktion, Status und Schnittstelle spiegeln die externen Eigenschaften des Moduls wider Die Software-Architektur, das Modul, ist eine Einheit, die kombiniert, zerlegt und ausgetauscht werden kann.“
Es gibt auch eine ganze Reihe verwandter Bücher, nach denen interessierte Studierende suchen können. Es muss betont werden, dass es sich bei dem, was wir lernen, um eine Denkweise handelt.
Warum muss die Seitenproduktion modular sein?
Der Inhalt der Website nimmt zu und der Code wird aufgebläht, was sich nach und nach auf das Kundenerlebnis (hauptsächlich die Öffnungsgeschwindigkeit) und die Effizienz der Wartung auswirkt. Gibt es Möglichkeiten, diese Probleme zu lösen?
Wir können uns leicht vorstellen: Reduzierung der Code-Redundanz, Verbesserung der Code-Wiederverwendung, Bildkomprimierung usw., aber wie erreicht man diese? Modulares Denken kann gelöst werden, wodurch die Coderedundanz effektiv reduziert und die Wiederverwendung von Code verbessert werden kann. Noch wichtiger ist, dass die Wartung durch mehrere Personen unterstützt und die Wartungskosten gesenkt werden können. Die CSS-Schreibmethode ist flexibler und kann leicht zu einer Codekopplung führen. Durch die Verwendung der Modularisierung kann die Kopplung auch bis zu einem gewissen Grad reduziert werden, was auch beim Auffinden von Fehlern hilfreich ist. Daher sollten wir dem Schreiben der Site in der frühen Phase der Site mehr Aufmerksamkeit schenken und „modulares Denken“ verwenden.
Ein erheblicher Teil der Optimierung der Website-Leistung, die wir bereits oft erwähnt haben, beinhaltet auch die „Modularisierung“, wie z. B. die Verbesserung der Code-Wiederverwendung, die Verbesserung der Entwicklungseffizienz usw. Es gibt viele Vorteile der „Modularisierung“.
Der wichtigste Punkt ist meiner Meinung nach die „Steigerung der Wiederverwendung von Code“, was auch eines der wichtigsten Merkmale der Modularität ist.
Wie erreicht man „Modularität“?
Das Hauptproblem hierbei ist die „Modularität“ von HTML und CSS. Wir können uns ansehen, wie man Skinning implementiert:
Daraus können wir die Schnittstellenimplementierung von HTML und CSS erkennen:
Um diese Schnittstelle besser implementieren zu können, sind relevante Konventionen, Regeln und Spezifikationen (Interaktion, Design, Seite, Entwicklung) erforderlich. Beispielsweise verwenden alle aktuellen Zustände denselben Klassennamen „Nonce“ und alle ausgegrauten Leistungen Verwenden Sie „_n“ nach dem ursprünglichen Klassennamen hinzufügen, wie Tab implementiert wird usw. Mit diesen Konventionen, Regeln und Spezifikationen kann HTML-Code problemlos als Vorlage erstellt und mit Schnittstellenspezifikationen vereinheitlicht werden.
Es gibt zwei Missverständnisse, die zunächst geklärt werden müssen:
Da das Projekt über eine eigene Leistung und interaktive Einheit verfügt, können diese Teile als gemeinsame Definitionen vorgeschlagen werden. Zu diesem Zeitpunkt treten Kopplungsprobleme auf Daher ist eine vollständige Entkopplung ein sehr wichtiger Punkt bei der Modularisierung. Mit der öffentlichen Definition muss die Implementierung des Modulstils angepasst werden, und diese Anpassung wirkt sich auch auf die Implementierung der „Schnittstelle“ aus.
Da es in diesem Artikel hauptsächlich um die modulare Denkweise geht, werden die spezifischen Implementierungsdetails in zukünftigen Artikeln besprochen. Für verwandte Inhalte können Sie den zuvor geschriebenen Artikel „ Modularisierung von IKEA Furniture Design “ lesen. Gerne können wir gemeinsam diskutieren.
Originaltext: http://www.cssforest.org/blog/index.php?id=134