ideazhao / f2er-club

为广大同仁提供一个好的工具、资源平台
https://linggan100.github.io/notebook
74 stars 16 forks source link

添加页面状态保留功能 #11

Closed xuexb closed 7 years ago

xuexb commented 8 years ago

由来

今天在某个群有人前端fe想看有没有哪个网站收集了一些干货,和一些博客的链接,我就果断的发了下醉牛前端,但由于我想让其直接看某个分类,却发现不能让其通过我分享的url直接打开目录的页面,由于我在想要不要通过hash来保留页面状态。

处理思路

修改导航的链接为#hash的锚点,绑定hashchange事件,统一接管渲染,页面默认显示loading,加载完再根据hash渲染下默认打开的页面,做到状态保留~

hashchange兼容性 到ie8,个人感觉也没有问题~

为了真实的看下效果,这里是我临时搭建的一个预览地址

ps: 导航中的hash起的名称可能不太友好~


当然只是个人看法哈~

xuexb commented 8 years ago

🍼

ideazhao commented 6 years ago

对不住了亮神,很久都没有处理你这个好主意,哈哈,我抽空搞搞哈。