Was ist der Unterschied zwischen progressiver Verbesserung und anmutiger Degradation?

Als ich mir zuvor einige CSS3-Effektdemos angesehen habe, stellte ich fest, dass beim Schreiben von CSS3-Attributen die Reihenfolge der Schreibkompatibilität unterschiedlich ist, z. B. das Übergangsattribut Dazu können auch die persönlichen Gewohnheiten oder Zwänge des Programmierers gehören>"

.transition{
-webkit-transition: all .5s;
-moz-transition: alle .5s;
-o-transition: alle .5s;
transition: alle .5s;
}

.transition{ 　 　 Transition: alle .5s;
　 -o-transition: alle .5s; -moz-transition: alle .5s; -webkit-transition: alle .5s; }

Die Anordnung mit Präfixen sollte nur der Übersichtlichkeit dienen (oder stellt sie die Präferenz für den Browser dar)? Unabhängig davon, ob der Übergang vorne oder hinten liegt, werden zwei Konzepte eingeführt: anmutige Verschlechterung und progressive Verbesserung.

Elegante Verschlechterung und progressive Verbesserung sind ein Konzept, das mit CSS3 herauskam. Da Low-Level-Browser CSS3 nicht unterstützen, die Wirkung von CSS3 jedoch zu gut ist, um aufzugeben, wird CSS3 beim erweiterten Surfen verwendet, während Low-Level-Browser nur die grundlegendsten Funktionen garantieren. Auf den ersten Blick sind die beiden Konzepte ähnlich. Sie konzentrieren sich beide auf unterschiedliche Erfahrungen unter verschiedenen Browsern. Der Hauptunterschied besteht in den Inhalten, auf die sie sich konzentrieren, und in den durch diesen Unterschied verursachten Unterschieden im Arbeitsablauf.

Was sind progressive Verbesserung und anmutige Degradation?

Progressive Verbesserung: Erstellen Sie Seiten für Browser mit niedriger Version, um die grundlegendsten Funktionen sicherzustellen, und verbessern Sie dann Effekte und Interaktionen und fügen Sie Funktionen für fortgeschrittene Browser hinzu, um eine bessere Benutzererfahrung zu erzielen.

Graceful Degradation: Erstellen Sie von Anfang an die vollständige Funktionalität und machen Sie sie dann mit Browsern niedrigerer Versionen kompatibel.

Unterschied: Graceful Degradation geht vom komplexen Status quo aus und versucht, das Angebot an Benutzererfahrung zu reduzieren, während progressive Enhancement von einer sehr einfachen, funktionierenden Version ausgeht und sich weiter ausdehnt, um sich an die zukünftigen Umweltanforderungen anzupassen. Degradation (funktionaler Verfall) bedeutet, nach hinten zu blicken; fortschreitende Verbesserung bedeutet, nach vorne zu blicken und gleichzeitig die Wurzeln in einem sicheren Bereich zu halten.

Die „graceful degradation“-Sicht

Die „graceful degradation“-Sicht geht davon aus, dass Websites für die fortschrittlichsten und umfassendsten Browser gestaltet werden sollten. Ordnen Sie das Testen von Browsern, die als „veraltet“ gelten oder fehlende Funktionen aufweisen, in der letzten Phase des Entwicklungszyklus an und beschränken Sie die Testobjekte auf die Vorgängerversion gängiger Browser (wie IE, Mozilla usw.).

Unter diesem Designparadigma wird davon ausgegangen, dass ältere Browser nur ein „schlechtes, aber passables“ Surferlebnis bieten. Sie können einige kleine Anpassungen vornehmen, um sie an einen bestimmten Browser anzupassen. Da sie jedoch nicht im Mittelpunkt unserer Aufmerksamkeit stehen, werden andere Unterschiede außer der Behebung größerer Fehler ignoriert.

Der Standpunkt „Progressive Enhancement“

Der Standpunkt „Progressive Enhancement“ ist davon überzeugt, dass der Fokus auf dem Inhalt selbst liegen sollte.

Inhalte sind der Grund, warum wir unsere Website erstellen. Einige Websites zeigen es an, andere sammeln es, einige suchen danach, einige betreiben es und einige Websites enthalten sogar alle oben genannten Informationen, aber das Gleiche ist, dass es sich bei allen um Inhalte handelt. Dies macht „progressive Verbesserung“ zu einem vernünftigeren Designparadigma. Aus diesem Grund wurde es sofort von Yahoo! übernommen und zum Aufbau seiner „Graded Browser Support“-Strategie verwendet.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen progressiver Verbesserung und anmutiger Degradation?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!