단일 페이지 반응과 여러 페이지 반응의 차이점은 무엇입니까?

차이점: 1. 다중 페이지 애플리케이션의 다른 URL은 다른 HTML을 반환하는 반면, 단일 페이지 애플리케이션의 다른 URL은 동일한 HTML을 반환합니다. 2. 다중 페이지 애플리케이션의 두 페이지에 공개 리소스가 있더라도 이러한 공개 리소스는 다음과 같습니다. 리소스는 삭제되고 다시 다운로드됩니다. 단일 페이지 애플리케이션의 이러한 공개 리소스는 반복적으로 다운로드되지 않습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

반응에서 단일 페이지와 다중 페이지의 차이점은 무엇인가요

다중 페이지 애플리케이션

• URL은 브라우저가 서버에서 해당 리소스를 요청하는 데 사용됩니다. 다른 URL은 다른 HTML을 반환합니다.

• 브라우저는 페이지 A를 지우고 해당 js/css 리소스를 다운로드한 다음 방금 반환된 HTML 콘텐츠를 기반으로 페이지 B를 렌더링합니다.

• 페이지 A와 B에 공개 리소스(탐색 표시줄 등)가 있더라도 이러한 공개 리소스는 지워지고 다시 다운로드됩니다.

• 페이지 점프를 달성하려면 를 사용하세요.

단일 페이지 애플리케이션

• URL은 브라우저에서 해당 리소스를 요청하는 데 사용됩니다. 그러나 다른 URL은 동일한 HTML(셸 HTML)을 반환하지만 HTML 콘텐츠가 업데이트되었습니다

• 브라우저는 페이지 A를 지우지 않고 페이지 B에 필요한 js/css 리소스(코드 조각화)만 다운로드합니다

• A인 경우 페이지 B에 공개 리소스(탐색 표시줄 등)가 있으며 이러한 공개 리소스는 반복적으로 다운로드되지 않습니다.

• 웹 페이지를 새로 고치고 http://localhost:3000을 방문하면 브라우저의 네트워크 도구에서 common.bundle., Bundle 및 home.chunk.js라는 세 개의 파일이 다운로드된 것을 볼 수 있습니다. home .chunk.j는 홈 관련 조각화된 파일입니다. 상단 표시줄의 About 링크를 클릭하면 about.chunk를 사용하여 새로 다운로드한 파일이 하나만 있음을 알 수 있습니다.

추천 학습: "

react 비디오 튜토리얼"

위 내용은 단일 페이지 반응과 여러 페이지 반응의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!