浏览器路由模式
history模式：
改变url地址信息，不刷新界面 （缺点怕刷新，f5，因为刷新是实实在在地去请求服务器的）
- 切换历史状态 windows.history.go(-2); //后退两次
windows.history.go(2); //前进两次
windows.history.back(); //后退
windows.hsitory.forward(); //前进
- 修改历史状态 windows.history.pushState(state,title,URL)
//向浏览器新增一条历史记录，但是不会刷新当前页面（不会重载），
//state：对象，可以用作携带信息用，
//title：目前来看没啥用一般为空或null，
//URL：即要更改页面的URL，且必须同源，不能跨域；
windows.history.replaceState(state,title,URL):
//更改当前浏览器的历史记录，即把当前执行此代码页面的记录给替换掉，参数同上
- 历史信息查询 windows.history.length //历史记录数
windows.history.state //查询pushState或replaceState传入的state参数
- 历史事件 windows.onpopstate = function(event){/*...*/} //修改pushState或replaceState不触发
hash模式：
hash模式背后的原理是onhashchange事件，可以在window对象上监听这个事件。
hash模式用#进行跳转控制，hash发生变化的url都会被浏览器记录下来，浏览器上的前进、后退都可以使用，并且 与浏览器交互时不传递#及#以后的路径。
