前端路由

。目前前端路由： hash 和 H5 history 两种模式

SPA：单页面Web应用， 加载单个HTML页面并在用户与应用程序交互时动态更新页面。【它将所有的活动局限于一个 Web 页面中】。

回顾网页 url组成部分：

一、hash的特点

1、hash 变化会触发网页的跳转， 即浏览器的前进、后退。

2、hash变化不会刷新页面，SPA必需的特点

3、hash 永远不会提交server 端 （前端自生自灭）

实现： window.onhashchange 事件监听 hash的变化（a.  JS修改url、b.手动修改url 的hash、c. 浏览器前进和后退）

二、H5 history

1、用url 规范的路由，但跳转时不刷新页面

2、history.pushState

3、window.onpopstate


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

推荐阅读更多精彩内容