。目前前端路由： hash 和 H5 history 两种模式
SPA：单页面Web应用， 加载单个HTML页面并在用户与应用程序交互时动态更新页面。【它将所有的活动局限于一个 Web 页面中】。
回顾网页 url组成部分：
一、hash的特点
1、hash 变化会触发网页的跳转， 即浏览器的前进、后退。
2、hash变化不会刷新页面，SPA必需的特点
3、hash 永远不会提交server 端 （前端自生自灭）
实现： window.onhashchange 事件监听 hash的变化（a. JS修改url、b.手动修改url 的hash、c. 浏览器前进和后退）
二、H5 history
1、用url 规范的路由，但跳转时不刷新页面
2、history.pushState
3、window.onpopstate
