当前位置: 首頁 > javascript > 关于localstorage的基本应用

关于localstorage的基本应用


关于localstorage的基本应用


Localstorage,一直以来没有什么实际使用过,一来之前比较少遇到需要存储数据到本地的情况,二来cookie用得比较习惯了,原因是cookie可以用php创建,而localstorage相对比较新是es6新增的。


当然localstorage可以比cookies存储更多容量的数据,读写起来也是很方便(和cookie的封装处理函数相比差不多)。


现在公司的项目的购物车功能是之前一位前端用localstorage写的。


客服反映用户有时候打开页面会显示空白,我用前端的角度设想的时候,猜测有可能是因为之前添加入购物车的产品的数据被缓存下来了,然后当这个产品被下架的之后,请求不到产品的相关数据时 导致报错,显示空白页。


和后端商量过时候,用cmd的方法写了一个module来清除localstorage


首先有个version机制


当本地没有localstorage.version的时候保存一个localstorage.version,当存在的时候如果version不同的时候清除所有localstorage再记录新的版本号,如果相同则什么都不做。


然后各定义

一个setItem 方法

一个getItem 方法

一个removeItem方法

当然还要有一个clearAll方法


然后再实际应用当中我还特别定义了一个类似flag机制的方法

getItemOnce

这个方法在读取相对应localstorage值之后,会对这个值进行remove,用来做跨页面进行flag机制的时候,非常实用。


评论 ( 0 )
下一篇: 已经没有下一篇了

网友留言