Portfolio-Projektvorschau-Reader
Präsentieren Sie genehmigte langformatige Projektvisualisierungen innerhalb einer bestehenden Archiv-Vorschau, ohne den umgebenden Browser-Fluss zu unterbrechen.
Vor der Implementierung
Überprüfen Sie das Archiv-/Dialog-Zustandsmodell, vorhandene Dokument-Reader-Pfade, das Projekt-Registry-System, die Quell-Asset-Reihenfolge und die mobilen Styles. Verallgemeinern Sie nur ein tatsächlich wiederholtes Verhalten; behalten Sie einmalige Projektregeln lokal, wenn keine wiederverwendbare Abstraktion gerechtfertigt ist.
Anforderungen
- Bewahren Sie die deklarierte Quellreihenfolge und geben Sie jeder Seite oder jedem Modul ein barrierefreies, lokalisiertes Label.
- Verwenden Sie eine enthaltene vertikale Leseoberfläche; erweitern Sie die Seite nicht unerwartet und führen Sie keinen horizontalen Überlauf ein.
- Bewahren Sie die bereits vom Vorschau-Dialog bereitgestellten Funktionen: Schließen, Escape-Taste, Fokus-Wiederherstellung, Scroll-Sperre und Tastaturverhalten.
- Leiten Sie nur dann zu einer Detailseite weiter, wenn diese veröffentlichungsfähig ist; setzen Sie keine defekte oder semantisch doppelte Zielseite aus.
Validierung
Prüfen Sie, ob alle Assets geladen werden, geordnete Labels vorhanden sind, die Vorschau geöffnet/geschlossen werden kann und die Reader-Breite auf Desktop- und Mobilgrößen keinen horizontalen Überlauf aufweist. Führen Sie nach Codeänderungen TypeScript-, Lint- und Produktionsbuild-Prüfungen durch.