Fabriqué en France Drapeau français

spa 예제

다양한 컨텍스트에서 싱글 스파를 사용하는 방법에 대한 예입니다. 단일 스파를 위한 웹팩 스타터일 뿐인 간단한 예제를 찾고 있다면 간단한 단일 스파 웹팩 예제를 사용해 보십시오. 현재 다음과 같은 기술이 있는 예가 있습니다. 싱글 스파 기술을 더욱 높이려면 탐색 메뉴를 활동 기능이 있는 전체 하위 응용 프로그램으로 만드십시오.=> true. 여기 와 여기 그냥 하는 예제. 이상적인 환경에서는 모든 하위 응용 프로그램이 독립적이어야 합니다. 단추, h1 등과 같은 다른 하위 응용 프로그램에 영향을 주는 CSS 선택기가 제공되지 않아야 한다는 것을 의미합니다. 좋은 소식은이 결정이 나타날 수있는 것처럼 흑백일 필요는 없다는 것입니다. 경우에 따라 하이브리드 웹 응용 프로그램이 실행 가능한 옵션이 될 수 있습니다.

많은 인기있는 플랫폼이 이것을하고 있습니다. 예를 들어, 페이스 북은 웹 사이트에 대한 MPA 프레임 워크를 유지하지만 풍부하고 날카로운 사용자 경험이 중요한 특정 섹션에 고급 자바 스크립트를 뿌립니다. 이 하이브리드 접근 방식은 특히 큰 MPA가 이미 있는 경우에도 유효한 경로입니다. 예를 들어, 헤더와 페이지의 바닥글과 같은 것들은 지속적으로 브라우저로 전송되지만 실제로 변경되지는 않았습니다. 따라서 이전 예제로 돌아가서 « cool.app.js »를 각 형 1 앱으로 작성하고 향후 앱에 대해 다른 것을 선택할 수 있습니다. 동등한 웹팩 1 또는 JSPM 코드에는 모두 동일한 개념이 있으며 일부 사소한 코드 차이만 있습니다. 탐색을 시작하면 사용자가 응용 프로그램을 탐색할 때 새 데이터만 전송되는 페이지가 완전히 다시 로드되지 않는 것을 볼 수 있습니다. 또한 단일 스파 예제 리포지토리 또는 라이브 데모에서 다른 앱과 공존하는 각도 앱의 완전히 작동하는 예제를 볼 수도 있습니다. 예를 들어, AngularUniv SPA에서 코스를 클릭하면 와이어를 통해 HTML이 전송되지 않습니다. 대신 모든 코스 데이터와 함께 JSON 페이로드를 받는 Ajax 요청을 받습니다. 예를 들어 플래시와 실버라이트와 같은 다른 기술은 자바스크립트에서 완전히 벗어난 풍부한 인터넷 응용 프로그램(AA)을 도입했습니다. 그리고 그들은 처음에 잘 개발 커뮤니티에 의해 수신 하는 동안, 제 3 자 브라우저 플러그인 제한 채택에 대 한 그들의 필요성 그리고 그들은 지금 레거시 프레임 워크로 간주 됩니다.

트위터는 이 현상의 높은 프로필 예입니다. 2010년 소셜 거인은 모든 UI 렌더링과 논리를 클라이언트 측 JavaScript로 푸시하는 새로운 SPA(단일 페이지 응용 프로그램) 아키텍처를 제공했습니다.

MENU