页面刷新后,tab记住刷新前位置

最近两周,时间颇赶,源于对自己身为一个前端的不自信,感觉自己不会的很多。两周过去了,项目如期完成,我来踩坑了。剩余的颇多不足就慢慢完善吧!

今天遇到一个问题,页面刷新后,对于有tab按钮的页面,每次刷新都默认回到第一个,自己都烦了,想想是别人使用,估计会更烦。于是就百度踩坑呀。

效果图镇楼:

页面刷新后,tab记住刷新前位置_第1张图片

主要使用到Session Storage,浏览器缓存原理。

打开调试器:

能看到缓存值:

下面我要强迫自己写demo了:

  • 基本信息
  • 课程详情
  • 视频管理
  • 讲义管理
  • 习题管理
这是基本信息
这是课程详情
这是视频管理
这是讲义管理
这是习题管理

页面样式:

jq:


这下怎么刷新也不怕了!!!

初次写稿,希望对你有所帮助,如有帮助的话,评论下呗,鼓励一下我,哈哈哈!!!本来想发文件,弄了半天也没找到地方,不过所有的资料都已放上去了。

这次踩坑时间很快,参考https://blog.csdn.net/yufengaotian/article/details/79710579,感谢博主。

你可能感兴趣的:(前端)