设计思路记录

Posted 2020-11-25 oldking997

一、有时效的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。