0
点赞
收藏
分享

微信扫一扫

涉及缓存数据的知识点

1. cookie

对比过去使用的cookie缓存数据

cookie 是浏览器缓存数据的一种机制,需要在http环境下,才能使用,才能缓存数据,共享数据。还得使用字符串api进行操作。

document.cookie="key=value; expires=new Date('2024-00-00')"
2.localStorage (本地存储)
localStorage.setItem(key , value)  // 设置存储
localStorage.getItem(key , value)  // 获取存储
localStorage.removeItem(key , value)    // 删除所选的存储
localStorage.clear()// 清除所有存储

假设需要设置本地存储的有效时间?

// 设置开始时间戳
localStorage.setItem(startTime, new Date().getTime())
// 每次打开页面就获取开始时间戳
var startTime = localStorage.getItem(startTime
// 用当前的时间戳减去开始时间戳
var currentTime = new Date().getTime();
// 相差的秒
var time = (currentTime - startTime) / 1000
3. sessionStorage (会话存储)
sessionStorage.setItem(key , value)  // 设置存储
sessionStorage.getItem(key , value)  // 获取存储
sessionStorage.removeItem(key , value)    // 删除所选的存储
sessionStorage.clear()// 清除所有存储
4、cookie 和 localStorage 和 sessionStorage 的区别?

1) 环境

2) 有效时间

3) 体积大小

4) 书写

举报

相关推荐

0 条评论