Wissenspunkte der Front-End-Architektur

Die vorherigen Wörter

Dieser Artikel ergänzt die von der Front-End-Architektur übersehenen Wissenspunkte, einschließlich der vier Teile Dokumentausgabe, Systemzerlegung, Komponentenextraktion und Release-Optimierung

Dokument Ausgabe

1. Im Prozess der Zusammenarbeit mit mehreren Personen treten einige Probleme auf:

Die schriftlichen Anforderungen an die Dokumentformulierung sind relativ hoch und sie müssen strukturiert und logisch klar sein. Gut geschrieben, schnell geschrieben und auf den Schriftsatz achten, damit er für andere lesbar ist Nach einigen hundert Seiten wird es schwierig sein, den gesamten Artikel zu lesen, und es werden viele Details durchgegangen.

c Entwicklungslogik. Der Formulierer muss mit den Entwicklern verhandeln. Es muss sowohl den Bedürfnissen als auch der Lesart der Entwickler gerecht werden. Verwirrung, unvollständiger Inhalt, Tippfehler usw.;

2. Es wird auch Probleme bei der Nachbearbeitung und Wiederverwendung geben:

Es ist schwierig, die endgültige Version der Spezifikation zu erstellen . Nachträgliche Änderungen und Überarbeitungen sind mit zusätzlichem Aufwand für das nachfolgende Personal verbunden. b) Wenn sich die Anforderungen ändern, ist auch eine Neugestaltung erforderlich große und kleine Änderungen;

c. Die Wiederverwendbarkeit der Spezifikation hängt eng mit der Designebene des Formulierers zusammen;

Das wiederverwendete Dokument weist zwangsläufig auch fehlende Teile und fehlenden Inhalt auf. und Abdeckung. Probleme wie das ursprüngliche Design wurden nicht geändert oder gelöscht.

Systemzerlegung

Folgendes muss berücksichtigt werden:

1. Die Hauptschwierigkeit bei der Zerlegung besteht darin, wie sie aufgeteilt wird und ob die Aufteilung sinnvoll ist.

2. Jede Geschäftsfunktion hängt damit zusammen, wo sie aufgeteilt werden soll it?

3. Kann das geteilte Modul wieder aufgeteilt werden?

4. Ist die Granularität der Zerlegung sinnvoll? Jedes Modul hat seine eigene Unterteilung oder die Klassenebene?

5. Zersetzung kann leicht zu übermäßiger Zersetzung oder vorzeitiger Zersetzung führen, die Kosten erhöhen und Risiken mit sich bringen

6. Können die geteilten Module wiederverwendet werden

7 . Kann es nach der Zerlegung wiederverwendet werden? Sehr gute Integration?

8. Stellen Sie sicher, dass der interaktive Entwurf zu 100 % zerlegt wird, und lassen Sie nicht zu, dass ein Modul ausgelassen wird.

9. So schließen Sie die Zerlegung innerhalb des Zeitlimits ab, sonst verzögert sich der Gesamtfortschritt

Komponentenextraktion

Um gemeinsame Komponenten basierend auf Interaktion zu extrahieren , müssen die folgenden Vorgänge ausgeführt werden

1. Teilen Sie den interaktiven Entwurf nach Ebenen und extrahieren Sie ähnliche Teile

2. Teilen Sie ihn weiter und extrahieren Sie kleinere Komponenten; 3. Stellen Sie sicher, dass jede Komponente relativ unabhängig ist und keine Duplikate anderer Komponenten vorhanden sind.

4. Die getrennten Komponenten sind so einfach wie möglich und können wiederverwendet werden , Schaltflächen, Symbole, Seiten, Navigation, Menüs, Listen, Karussells, Bilder usw.;

6. Durch die Kombination dieser Komponenten kann der interaktive Entwurf wiederhergestellt werden

Release-Optimierung

Bei Veröffentlichung des Projekts sind folgende Optimierungen erforderlich

1. Datei-Caching. Konfigurieren Sie einen langfristigen lokalen Cache, um Bandbreite zu sparen und die Leistung zu verbessern; verwenden Sie Inhaltszusammenfassungen als Grundlage für Cache-Aktualisierungen, um eine präzise Cache-Steuerung zu erreichen und gleichzeitig eine nicht überschreibende Freigabe von Ressourcen zu erreichen, um reibungslose Upgrades sicherzustellen

2. Statisch Bereitstellung von CDN-Ressourcen, Optimierung der Reaktion auf Netzwerkanfragen

　3. Zusammenführung und Optimierung von Ressourcen. Das Zusammenführen von Dateien und die Modularisierung werden zu einem starken Anstieg der HTTP-Anfragen führen; Bildoptimierung, einschließlich Bildkomprimierung und Sprite-Zusammenführung (es scheint, dass Iconfont dafür mittlerweile beliebt ist) usw.

Das obige ist der detaillierte Inhalt vonWissenspunkte der Front-End-Architektur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!