一、理解前端路由,前端路由都有哪些?
1、理解路由
直接可理解为根据不同的url地址来显示不同的页面或内容的功能,最开始的后端路由有一个很大的缺点就是每次路由切换的时候都需要去刷新页面,然后发出ajax请求,然后将请求数据返回回来,那么这样每次路由切换都要刷新页面对于用户体验来说就会不太友好。因此为了提升用户体验,就有了前端路由,后面也就有了url的改变不会导致页面的刷新的成果。
2、前端路由方法
(1)history对象(window.history)
- window.history.go():接收一个整数作为参数,按照当前页面在会话浏览历史记录中的位置进行移动。如果参数为0、undefined、null、false 将刷新页面,相当于执行window.location.reload()方法。如果参数大于浏览器浏览的数量,或小于浏览前的数量的话,什么都不会做。
- window.history.back():移动到上一页。相当于点击浏览器的后退按钮,等价于window.history.go(-1)
- window.history.forward():移动到下一页,相当于点击浏览器的前进按钮,相当于window.history.go(1)
Html5新增下面两个方法:
- window.history.pushState(data, title, ?url): 在会话浏览历史记录中添加一条记录。
- window.history.replaceState(data, tit