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模式)