前端缓存
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
优点:就是一个完成的数据库
建议了解一下数据库语句的增删改查