前端路由如何实现改变URL，但页面不进行整体刷新的核心功能
前端路由的核心是改变URL，不刷新页面。具体实现方法：
1.URL的hash
URL 的 hash 也就是锚点(#)，本质上是改变 window.location 的 href 属性，可以通过直接赋值 location.hash 来改变 href，但是页面不发生刷新。
注意：用hash改的URL都带有#号
2.HTML5 的 history 模式
history接口是HTML5新增的，它有五种模式改变URL而不刷新页面。
（1）history.pushState()
这个方法其实就是对历史记录进行更改，网址会直接增加/xxx ，其次 他有三个参数,最后那个是网址。这个可以前进 / 后退， 因为这类似压栈。(back、go 等方法进行前进、后退都可以。)
- 在控制台中通过location.href = ‘songsisi’修改的话，整个页面会刷新；
- 如果使用location.hash = 'songsisi’修改的话，页面就不会刷新。
- 使用history.pushState({}, ’ ', ‘/songsisi’) 也不会有任何刷新。
- history.pushState()；使用的是栈结构，每次压入的url都处于栈顶。使用history.back()的话，就会将栈顶的url出栈，浏览器的url地址后退。
（2）history.replaceState()
这个和 pushState 一样的，但是这个不具有前进和后退功能。浏览器不会保存你的记录，会直接覆盖掉原先的url，而非入栈，故无法返回。
（3）history.back()等价于history.go(-1)
等价于浏览器界面的后退
（4）history.forward()等价于history.go(1)
等价于浏览器界面的前进
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！