前端缓存

1 .Cookie 优点: 可配置到期规则(可设置缓存时间) 不需要任何服务器资源 Cookie 存储在客户端并在发送后由服务器读取。 数据持久性 缺点: 大小受到限制 4kb 用户配置为禁用 有些用户禁用了浏览器或客户端设备接收 Cookie 的能力。 存放在前端的,不安全 要使用它前端必须要有服务,每次随http请求一起发送(静态网页是不行的)   2. Session   特点: 信息存放在服务端,安全 cookie Session 是一体的cookie 禁用后无法使用session也无法使用   3.localStorage   优点: 不手动清除的话,就会一直保存在前端 存储在 500万字符左右 缺点: 在浏览器的隐私模式下不能读取; 本质是在读写文件,写入内存中 不能被爬虫读取 使用方法: localStorage.length 获得storage中的个数 localStorage.key(n) 获得storage中第n个元素对的键值(第一个元素是0) localStorage.getItem(key) 获取键值key对应的值 localStorage.key 获取键值key对应的值 localStorage.setItem(key, value) 添加数据,键值为key,值为value localStorage.removeItem(key) 移除键值为key的数据 localStorage.clear() 清除所有数据   4.sessionStorage 优点: 临时存储神器,关闭页面标签自动回收,不可以跨页面交互。 使用方法: sessionStorage.length 获得storage中的个数 sessionStorage.key(n) 获得storage中第n个元素对的键值(第一个元素是0) sessionStorage.getItem(key) 获取键值key对应的值 sessionStorage.key 获取键值key对应的值 sessionStorage.setItem(key, value) 添加数据,键值为key,值为value sessionStorage.removeItem(key) 移除键值为key的数据 sessionStorage.clear() 清除所有数据   5 openDatabase 优点:就是一个完成的数据库 建议了解一下数据库语句的增删改查
上一篇:vue项目中用token和localstorage实现登陆


下一篇:todolist模拟实现