Quelle est la différence entre réagir sur une seule page et sur plusieurs pages ?

Différences : 1. Différentes URL dans les applications multipages renvoient un HTML différent, tandis que différentes URL dans les applications monopage renvoient le même HTML ; 2. Même s'il existe des ressources publiques dans les deux pages des applications multipages, ces ressources publiques sont les ressources seront effacées et retéléchargées. Ces ressources publiques d'applications d'une seule page ne seront pas téléchargées à plusieurs reprises.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

Quelle est la différence entre une seule page et plusieurs pages dans React

Application multi-pages

• L'URL est utilisée par le navigateur pour demander les ressources correspondantes au serveur. Différentes URL renvoient un code HTML différent.

• Le navigateur efface la page A, télécharge les ressources js/css correspondantes et affiche la page B en fonction du contenu HTML qui vient d'être renvoyé.

• Même s'il y a des ressources publiques (barre de navigation, etc.) sur les pages A et B, ces ressources publiques seront effacées et téléchargées à nouveau.

• Utilisez pour réaliser un saut de page

Application d'une seule page

• L'URL est utilisée par le navigateur pour demander les ressources correspondantes au serveur, mais différentes URL renvoient le même code HTML (shell HTML), mais le contenu HTML a été mis à jour

• Le navigateur n'efface pas la page A, mais télécharge uniquement les ressources js/css (fragmentation de code) requises pour la page B

• Si A Il existe des ressources publiques (barre de navigation, etc.) avec la page B, et ces ressources publiques ne seront pas téléchargées à plusieurs reprises.

• Actualisez la page Web et visitez http://localhost:3000. Dans l'outil réseau du navigateur, vous pouvez voir que trois fichiers ont été téléchargés, à savoir common.bundle., bundle et home.chunk.js. lequel home .chunk.j est un fichier fragmenté spécifique à Home. Lorsque nous cliquons sur le lien À propos dans la barre supérieure, nous pouvons voir qu'il n'y a qu'un seul fichier nouvellement téléchargé à propos de.chunk.

Apprentissage recommandé : "

Tutoriel vidéo React"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!