前端路由

好博客：https://yuchengkai.cn/docs/zh/frontend/framework.html#%E8%B7%AF%E7%94%B1%E5%8E%9F%E7%90%86

路由原理

前端路由实现起来其实很简单，本质就是监听 URL 的变化，然后匹配路由规则，显示相应的页面，并且无须刷新。

目前单页面使用的路由就只有两种实现方式

hash 模式

history 模式

www.test.com/##/ 就是 Hash URL，当 ## 后面的哈希值发生变化时，不会向服务器请求数据，可以通过 hashchange 事件来监听到 URL 的变化，从而进行跳转页面。

History 模式是 HTML5 新推出的功能，比之 Hash URL 更加美观。

前端路由

根据URl分配到对应的处理程序。

前端路由应用场景

前端路由更多用在单页面应用上（SPA），因为单页应用，基本上都是前后端分离的。

前后端分离

后台只需要提供API接口，前端调用ajax实现数据呈现。

前后端分离意义

1.彻底解放前端，不需要向后台提供模板或者不需要后台在前端html中嵌入后台代码。

2.提高工作效率，分工更加明确。

3.局部性能提升

4.降低维护成本