単一ページと複数ページの反応の違いは何ですか?

違い: 1. マルチページ アプリケーションの異なる URL は異なる HTML を返しますが、シングルページ アプリケーションの異なる URL は同じ HTML を返します。2. マルチページ アプリケーションの 2 つのページにパブリック リソースがある場合でも、 、これらのパブリック リソースはクリアされて再ダウンロードされ、シングル ページ アプリケーションのこれらのパブリック リソースは繰り返しダウンロードされません。

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

単一ページと複数ページの反応の違いは何ですか? 適切なリソースをリクエストしてください。 URL が異なれば、返される HTML も異なります。

ブラウザはページ A をクリアし、対応する js/css リソースをダウンロードし、返された HTML コンテンツに基づいてページ B をレンダリングします。

• ページ A とページ B にパブリック リソース (ナビゲーション バーなど) がある場合でも、これらのパブリック リソースはクリアされ、再度ダウンロードされます。

• を使用してページ ジャンプを実現します

• 単一ページのアプリケーション

• #URL はブラウザによってサーバーから対応するリソースを要求するために使用されますが、異なる URL は同じ HTML (シェル HTML) を返しますが、HTML コンテンツは更新されています

ブラウザはページ A をクリアせず、ページ B に必要な js/css リソースのみをダウンロードします (コードの断片化)

• 共通のリソースがある場合ページ A とページ B の間のリソース (ナビゲーション バーなど)、これらの公開リソースは繰り返しダウンロードされません。

• Web ページを更新して、http://localhost:3000 にアクセスします。ブラウザのネットワーク ツールで、common.bundle.、bundle という 3 つのファイルがダウンロードされたことがわかります。 home.chunk.js (home.chunk.j は Home に固有の断片化されたファイルです。上部バーの About リンクをクリックすると、新しくダウンロードされたファイル about.chunk

  が 1 つだけあることがわかります)

• を使用してページ更新を実装

• ##推奨学習: 「
react ビデオ チュートリアル」
• 》

以上が単一ページと複数ページの反応の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。