美文网首页
JavaScript--路由

JavaScript--路由

作者: 蒜泥捣莓 | 来源:发表于2022-08-03 20:37 被阅读0次

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

    相关文章

      网友评论

          本文标题:JavaScript--路由

          本文链接:https://www.haomeiwen.com/subject/kdjewrtx.html