前端路由如何实现改变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)

等价于浏览器界面的前进