原来如此spa - Githubissues

MJingv / jehol-person-blog

Jehol's Blog 🙋 (hexo+react)

https://mjingv.github.io/JeholBlog/

0 stars 1 forks source link

原来如此spa #34

Open MJingv opened 5 years ago

MJingv commented 5 years ago

概念先行

一个页面的应用

正常路由

url地址反映正在浏览的view
前进后退btn可用
link可用

前端路由

在url中，#号之后的内容是不会引起页面跳转的，所以我们利用这一点来实现

当url是#/a的时候，显示a的html片段，同理#/b则显示b的html片段，这样一来，前端就有了自己的路由控制，可以来实现前端自己的多页面。

优势

跨页面的数据共享和通讯
实现页面切换时候的过渡效果，比如淡入淡出