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

posted @ 2022-10-28 19:51  蒜泥捣莓  阅读(57)  评论(0编辑  收藏  举报