Was ist der Unterschied zwischen der Reaktion auf eine einzelne Seite und mehreren Seiten?

Unterschiede: 1. Unterschiedliche URLs in mehrseitigen Anwendungen geben unterschiedlichen HTML-Code zurück, während unterschiedliche URLs in einseitigen Anwendungen denselben HTML-Code zurückgeben. 2. Auch wenn auf den beiden Seiten mehrseitiger Anwendungen öffentliche Ressourcen vorhanden sind, sind diese öffentlich Ressourcen werden gelöscht und erneut heruntergeladen. Diese öffentlichen Ressourcen von Einzelseitenanwendungen werden nicht wiederholt heruntergeladen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Was ist der Unterschied zwischen Einzelseite und Mehrseite in React?

Mehrseitige Anwendung

• URL wird vom Browser verwendet, um die entsprechenden Ressourcen vom Server anzufordern. Unterschiedliche URLs geben unterschiedliches HTML zurück.

• Der Browser löscht Seite A, lädt die entsprechenden js/css-Ressourcen herunter und rendert Seite B basierend auf dem gerade zurückgegebenen HTML-Inhalt.

• Auch wenn auf den Seiten A und B öffentliche Ressourcen (Navigationsleiste usw.) vorhanden sind, werden diese öffentlichen Ressourcen gelöscht und erneut heruntergeladen.

• Verwenden Sie , um einen Seitensprung zu erreichen.

Einzelne Seitenanwendung. Die URL wird vom Browser verwendet, um die entsprechenden Ressourcen vom zu fordern Server, aber verschiedene URLs geben dasselbe HTML (Shell-HTML) zurück, aber der HTML-Inhalt wurde aktualisiert

• Der Browser löscht Seite A nicht, sondern lädt nur die für Seite B erforderlichen js/css-Ressourcen (Codefragmentierung) herunter

• Wenn A Es gibt öffentliche Ressourcen (Navigationsleiste usw.) mit Seite B und diese öffentlichen Ressourcen werden nicht wiederholt heruntergeladen.

• Aktualisieren Sie die Webseite und besuchen Sie http://localhost:3000. Im Netzwerktool des Browsers können Sie sehen, dass drei Dateien heruntergeladen wurden, nämlich common.bundle., bundle und home.chunk.js which home .chunk.j ist eine fragmentierte Datei, die für Home spezifisch ist. Wenn wir auf den Link „Info“ in der oberen Leiste klicken, können wir sehen, dass es nur eine neu heruntergeladene Datei „about.chunk“ gibt

Empfohlenes Lernen: „
• Video-Tutorial reagieren

  “

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen der Reaktion auf eine einzelne Seite und mehreren Seiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!