1. 首页
  2. 编程语言
  3. Javascript
  4. 利用js-cookie实现前端设置缓存数据定时失效

利用js-cookie实现前端设置缓存数据定时失效

上传者: 2021-05-10 06:24:35上传 PDF文件 68.89 KB 热度 16次

前端设置数据定时失效的可以有下面2种方法:1、当数据较大时,可以利用localstorage,存数据时候写入一个时间,获取的时候再与当前时间进行比较localstorage实现思路:1、存储数据时加上时间戳在项目开发中,我们可以写一个公用的方法来进行存储的时候加上时间戳存储读取2、获取数据时与当前时间进行比较我们用js-cookie这款插件来设置cookie,比较方便,可以自行查看文档。js-cookie 的示例中只有以天为单位的有效期:官方文档只要设置天数,没有时分秒,这样我们想设置更小单位的时候无法下手,其实也可以设置时间戳来处理时间的,下面这种方式可以设置任意单位的有效期:贴上利用js-cookie的封装, 记得 npm i js-cookie上面两个方法各有各的优点和缺点,如果小伙伴们有更好方法,麻烦留言互相学习

用户评论