JavaScript--路由

1、路由 （扩展）

对应的开发者来说 路由是一个很重要的东西。（前端路由）（后端路由）

2、后端路由

根据对应的接口地址来访问不同的功能 （后端路由 restful风格（接口的风格））

3、前端路由

根据不同的访问路径 （path）来渲染不同的内容（组件）

4、前端的路由主要分三种

1.页面路由 （跳转页面 刷新操作）

• location.href
• location.assign()
• location.replace()
• history.back()
• history.forward()
  等这系列的操作都会导致页面进行跳转，重新加载页面（刷新）

2.hash路由 （使用hash来实现 后面必须要带上# 不会刷新页面）

• 通过hash的改变来改变的对应的渲染内容 （事件监听 onhashchange）

window.onhashchange = function(){ 
        console.log('hash值变了') 
}

3.H5路由 （history里面state进行监听）（常用SPA （单页应用程序））

• history.pushState() 加一个历史页面（地址变了 不会刷新）
• history.replaceState() 替换历史页面 （地址变量 不会刷新）
• 也是通过事件进行监听 （onpopstate）

window.onpopstate = function(){ 
        console.log('路由改变了') 
}

在对应的框架学习中 我们里面的路由的写法底层主要采用hash以及h5的方式（vue react）默认是路由模式为hash
vue中路由有几种模式 （面试题）
俩种模式（hash模式和history模式）