参考文档:https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history
实现目标
1.页面的跳转（前进后退，点击等）不重新请求页面
2.页面URL与页面展现内容一致（符合人们对传统网页的认识）
3.在不支持的浏览器下降级成传统网页的方式
使用到的API
history.state
当前URL下对应的状态信息。如果当前URL不是通过pushState或者replaceState产生的，那么history.state是null。
history.pushState(state, title, url)
将当前URL和history.state加入到history中，并用新的state和URL替换当前。不会造成页面刷新。
state：与要跳转到的URL对应的状态信息。
title：标题，可以为空。
url：要跳转到的URL地址，不能跨域。
history.replaceState
用新的state和URL替换当前。不会造成页面刷新。
state：与要跳转到的URL对应的状态信息。
title：不知道干啥用，传空字符串就行了。
url：要跳转到的URL地址，不能跨域。
window.onpopstate
history.go和history.back（包括用户按浏览器历史前进后退按钮）触发，并且页面无刷的时候（由于使用pushState修改了history）会触发popstate事件，事件发生时浏览器会从history中取出URL和对应的state对象替换当前的URL和history.state。通过event.state也可以获取history.state。
