localStorage介绍使用localStorage可以在浏览器中存储键值对数据。SessionStorage经常和localStorage一起被提及,两者都可以在浏览器中存储键值对数据。但它们的区别在于:localStorage中存储的数据可以长期保留;而当页面session结束时(即页面关闭时),sessionStorage中存储的数据会被清空。另外需要注意的是,localStorage中的键值对始终以字符串的形式存储,只能访问当前域名下的数据,不能跨域名访问。localStorage方法可以通过setItem方法添加键值对数据,如:localStorage.setItem('name','OneMore');如果该键已经存在,则该键对应的值将被覆盖。也可以使用getItem方法读取对应key的value数据,如:varname=localStorage.getItem('name');可以使用removeItem方法移除对应的key,如:localStorage.removeItem('name');或者使用clear方法清除当前域名下的所有键值对数据,如:localStorage.clear();ExpirablelocalStoragecache上面说了,localStorage只能用来长期保存整个网站的数据,没有过期时间,直到手动删除。所以实现一个过期的localStorage缓存的重点是:如何清理过期的缓存?惰性删除惰性删除是指一个键值过期后,不会立即删除该键值,而是等到下次使用时才会检查,然后再删除。我们先来实现一下:varlsc=(function(self){varprefix='one_more_lsc_'/***添加一个键值对数据*@paramkeykey*@paramvalvalue*@paramexpires过期时间,单位为秒*/self.set=function(key,val,expires){key=prefix+key;val=JSON.stringify({'val':val,'expires':newDate().getTime()+expires*1000});localStorage.setItem(key,val);};/***读取对应key的value数据*@paramkeykey*@returns{null|*}对应key的value*/self.get=function(key){key=prefix+key;varval=localStorage.getItem(key);if(!val){returnnull;}val=JSON.parse(val);if(val.expires
