如何通过js-cookie设置前端缓存数据并实现定时自动失效？

本文共计792个文字，预计阅读时间需要4分钟。

一、背景+业务需求前端需要缓存数据，定期删除缓存，避免重复获取新数据。

二、实现过程前端设置数据定时失效，有以下两种方法：

1.数据量大时，使用localStorage存储数据；

2.定时检查数据有效性，无效则重新获取。

一、背景

业务需要在前端进行数据的缓存，到期就删除再进行获取新数据。

二、实现过程

前端设置数据定时失效的可以有下面2种方法：

1、当数据较大时，可以利用localstorage，存数据时候写入一个时间，获取的时候再与当前时间进行比较
2、如果数据不超过cookie的限制大小，可以利用cookie比较方便，直接设置有效期即可。