day27 SPA路由实现及SASS讲解

前端路由

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


前端的分类:

页面路由(刷新)

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


hash路由(不会刷新)

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

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

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


后端路由

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

SPA

单页应用程序 (single page),整一个页面只有一个页面,那么对应的页面调整就没有意义了,所以对应的SPA的路由实现就主要是hash模式和history模式

在后续的vue或者是对应的react中,他主要做的是SPA的应用那么对应的主要采用的模式hash和history,hash的监听能直接触发,而history的监听不能直接触发,所以默认的模式就是hash模式

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 路由 前端路由 根据对应路由地址渲染不同的内容 前端的分类 页面路由(刷新) 根据对应的地址访问不同的页面( lo...
    疯油精阅读 1,625评论 0 0
  • 路由 前端路由 根据对应路由地址渲染不同的内容 前端的分类 页面路由(刷新) 根据对应的地址访问不同的页面(loc...
    喂喂干嘛阅读 2,312评论 0 0
  • 路由这个概念最初是由后端提出来的,在我们没有SPA单页面应用之前,使用的一直都是后端路由,根据不同的路由返回不同的...
    简单tao的简单阅读 9,503评论 0 8
  • 关于路由 路由其实是根据不同的URL地址展示不同的内容或页面;广义上来说,访问路由会映射到相应的函数里,然后由相应...
    hellomyshadow阅读 6,094评论 0 0
  • SPA模式的页面开发是基于前端路由来实现的,在路由发生变化的时候仅仅去替换需要改变的组件而不需要继续向后端进行页面...
    XJBT阅读 2,999评论 0 1