码迷,mamicode.com
首页 > 其他好文 > 详细

设计思路记录

时间:2019-12-31 12:11:14      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:常见   get   res   附加   设计   模式   现在时间   tar   缓存   

一、有时效的LocalStorage

  在前端开发中,我们经常需要有一个能存储全局变量,并且在关闭浏览器之后还能保存着的存储对象。常见的有cookie与localstorage,两者相比,cookie所能存储的容量较小(大小限制在4kb),cookie会被附加到每次http请求中,并且在非https模式下是明文传递,存在很大的安全性问题。且不说安全性问题,在每次请求都带有cookie,无形之中对服务器流量也造成的不小的消耗。然而localstorage可以存储则相较于cookie就比较大了,在chorome(78.0.3904.97)下,可存储上限是在5120KB,这个容量的大小对于缓存而言已经足够使用了。但是localstorage无法直接设置过期时间,只能手动去删除,然而很多时候很多需求都需要手动去删除。那么就需要手动实现一个有时效的localstorage。

  思路:封装一个LocalStorageUtils来对LocalStorage进行操作。setItem时,多放进一个expires与startTime来设置过期时间与开始时间来实现过期清除。在getItem时如果现在时间减去开始时间小于等于过期时间则清除该key。

  

设计思路记录

标签:常见   get   res   附加   设计   模式   现在时间   tar   缓存   

原文地址:https://www.cnblogs.com/oldking997/p/12123659.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!