php - JD.com 제품 세부정보 페이지의 원리를 찾고 계십니까?

Question

https://item.jd.com/4645290.html

예를 들어, 이 Honor 휴대폰은 다른 구성과 다른 색상을 클릭하면 URL에 다른 주소가 표시되고 제품 이름도 변경됩니다

원리가 알고싶다

Answer 1

단지 페이지 이동일 뿐입니다. 직접적으로는 아니지만 <a>链接过去的，但是最终也就是拼了个URL赋值给了location.href:

1. 클릭 이벤트는 다음 p에 바인딩됩니다:

2. 

3. 

4. 

5. 

6. 드디어 URL이 나왔네요, 점프!

Answer 2

정역화는 서버 부담을 줄이고 검색 엔진에 도움이 됩니다.

F12를 누르면 태그에서 새 페이지의 주소 데이터를 볼 수 있어요~

Answer 3

제품에 빨간색 +16G, 빨간색 +32, 흰색 +16G, 흰색 32G 등 여러 속성이 있습니까? 이 네 가지 사양은 하나의 제품에 속합니다. 가격이나 재고를 공유합니다.

Answer 4

프런트 엔드 라우팅은 http://www.tuicool.com/articl...을 참조하세요.