美文网首页
h5缓存处理方法

h5缓存处理方法

作者: 前端人 | 来源:发表于2021-08-06 14:48 被阅读0次

缓存的目的:保证每个页面刷新后都能够正常显示,不是为了做全局状态共享

有些人错误的使用缓存去做全局状态共享,这个是低效的。不过可以针对要缓存的信息,也可能是需要全局状态共享的,这个时候要注意内存和缓存里的信息保持一致。
例如token一般是全局状态共享的,同时也要缓存下来,方便刷新后免登陆。

要缓存哪些信息:恢复页面ui需要的最小信息,可以从路由页面维度,去思考每个页面需要缓存哪些信息才能保证用户刷新页面后能够正常显示页面;
缓存要注意的问题
1.缓存在前,使用在后,有时候不注意,会发生没有被缓存,就去被使用了。

  1. 注意缓存时机, 一般缓存信息,来自于路由上的某个参数,如果在beforeEach里拦截路由去缓存,要注意,在某个路由的情况下缓存某个字段,避免路由不同,字段相同而发生的缓存错误问题。
    3.缓存登录状态的问题

分析最小缓存信息,每个页面的最小缓存信息
有这个id就可以获取到整个页面的信息

url带参数 方便刷新不丢失信息
内存缓存

相关文章

网友评论

      本文标题:h5缓存处理方法

      本文链接:https://www.haomeiwen.com/subject/wtwbultx.html