Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara bertindak balas satu halaman dan berbilang halaman?

Apakah perbezaan antara bertindak balas satu halaman dan berbilang halaman?

WBOY
WBOYasal
2022-04-18 10:56:492584semak imbas

Perbezaan: 1. URL yang berbeza dalam aplikasi berbilang halaman mengembalikan HTML yang berbeza, manakala URL yang berbeza dalam aplikasi satu halaman mengembalikan HTML yang sama 2. Walaupun terdapat sumber awam dalam dua halaman dalam aplikasi berbilang halaman , sumber awam ini akan Jelas dan muat turun semula, dan sumber awam aplikasi satu halaman ini tidak akan dimuat turun berulang kali.

Apakah perbezaan antara bertindak balas satu halaman dan berbilang halaman?

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah perbezaan antara satu halaman dan tindak balas berbilang halaman?

Aplikasi berbilang halaman

  • URL digunakan oleh penyemak imbas untuk dihantar ke pelayan Minta sumber yang sesuai. URL yang berbeza mengembalikan HTML yang berbeza.

  • Pelayar mengosongkan halaman A, memuat turun sumber js/css yang sepadan dan memaparkan halaman B berdasarkan kandungan HTML yang baru dikembalikan.

  • Walaupun terdapat sumber awam (bar navigasi, dll.) pada halaman A dan B, sumber awam ini akan dikosongkan dan dimuat turun semula.

  • Gunakan untuk mencapai lonjakan halaman

Permohonan halaman tunggal

  • URL digunakan oleh penyemak imbas untuk meminta sumber yang sepadan daripada pelayan, tetapi URL berbeza mengembalikan HTML yang sama (shell HTML), tetapi kandungan HTML dikemas kini

  • Pelayar tidak mengosongkan halaman A, tetapi hanya memuat turun sumber js/css (pemecahan kod) yang diperlukan untuk halaman B

  • Jika terdapat sumber biasa antara halaman A dan B (Bar navigasi, dsb.), sumber awam ini tidak akan dimuat turun berulang kali.

  • Muat semula halaman web dan lawati http://localhost:3000 Dalam alat rangkaian penyemak imbas, anda boleh melihat bahawa tiga fail telah dimuat turun, iaitu common.bundle., bundle. dan home.chunk.js, di mana home.chunk.j ialah fail pecahan khusus untuk Laman Utama Apabila kami mengklik pada pautan Perihal di bar atas, kami dapat melihat bahawa hanya terdapat satu fail about.chunk

    yang baru dimuat turun.
  • Gunakan untuk melaksanakan kemas kini halaman

Apakah perbezaan antara bertindak balas satu halaman dan berbilang halaman?

Pembelajaran yang disyorkan: "video reaksi tutorial

Atas ialah kandungan terperinci Apakah perbezaan antara bertindak balas satu halaman dan berbilang halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn