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?
Im CNKI gibt es 28 Interpretationen von „Modularität“. 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:
Unter Modularisierung versteht man den Prozess der schichtweisen Aufteilung eines Softwaresystems von oben nach unten in mehrere Module zur Lösung eines komplexen Problems. Jedes Modul vervollständigt eine bestimmte Unterfunktion, und alle Module werden auf eine bestimmte Weise zu einem Ganzen zusammengesetzt, um die vom gesamten System benötigten Funktionen zu erfüllen. Das Modul verfügt über die folgenden Grundattribute: Schnittstelle, Funktion, Logik und Status. Funktion, Status und Schnittstelle spiegeln die externen Eigenschaften des Moduls wider, und die Logik spiegelt seine internen Eigenschaften wider. Module sind in der Softwarearchitektur Einheiten, die kombiniert, zerlegt und ersetzt werden können.
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“.
Verbessern Sie die Wiederverwendung von Code, verbessern Sie die Entwicklungseffizienz, reduzieren Sie die Kommunikationskosten, reduzieren Sie die Kopplung, verringern Sie das Release-Risiko, reduzieren Sie die Zeit für die Fehlersuche und -behebung, erhöhen Sie die Seitenfehlertoleranz, implementieren Sie schnelle Iterationen und unterstützen Sie Graustufen-Releases. Der wichtigste Punkt, denke ich , ist „Verbesserung“ Code-Wiederverwendungsrate“, 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:
Gleicher Klassenname, Dateien ändern (JS)
Dieselbe Datei, ändern Sie den Klassennamen (JS)
Daraus können wir die Schnittstellenimplementierung von HTML und CSS erkennen:
Um diese Schnittstelle besser implementieren zu können, müssen die drei von CSS eingeführten Methoden für Klassennamen über relevante Konventionen, Regeln und Spezifikationen (Interaktion, Design, Seite, Entwicklung) verfügen. Beispielsweise verwenden alle aktuellen Zustände denselben Klassennamen „Nonce“. " , alle ausgegrauten Leistungen verwenden den ursprünglichen Klassennamen gefolgt von „_n“, der Implementierung von Tab 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:
Modularisierung bedeutet nicht, dass sie an jedem Ort verwendet werden kann (modularisierte Codesegmente unterliegen auch geltenden Umfangsbeschränkungen und erfordern eine Umgebung, die Schnittstellenregeln bereitstellt).
Modularisierung bedeutet nicht, dass sie nicht geändert werden kann (modularisierte Codesegmente können entsprechend den tatsächlichen Anforderungen geändert werden).
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.