• JavaScript的路由

    前端路由的概述:

    前端路由是根据对应路由地址渲染不同的内容

    后端路由的概述:

    根据对应的路由地址访问对应的接口

    前端路由的分类:

    1.页面路由(会刷新)

    根据对应的地址访问不同的页面(location.href location.assign location.replace)

    2.hash路由 (不会刷新)

    根据对应的hash地址来渲染不同的内容(onhashchange)

    location.hash 来获取对应的hash值 通过onhashchange进行监听

    3.history路由 (不会刷新)

    根据对应的history页面的地址来渲染不同的内容(onhashchange)

    通过replaceState和pushState来改变state的值和页面的地址

    通过history.back history.go  history.forward来触发对应的onpopstate事件

    SPA:

    单页应用程序 (single page application) ,整个应用只有一个页面,对应的页面跳转就没有意义,所以对应的spa实现只有是hash模式和history模式,在后续的vue或者独有的react中,它主要做的是spa的应用只要采用hash和history,hash的监听能直接触发history的监听不能直接触发所以默认是hash模式 .

    hash路由的实现:

    HTML:

    1. DOCTYPE html>
    4.     
    5.     
    6.     
    7.     Document
    8.     
    11.     
    12.         
    13.         去首页
    14.         去用户页
    15.         
    16.         
    17.