浏览器的本地存储

浏览器的本地存储

分为：Cookie，Web Storage，IndexDB

1. Cookie（状态存储，以键值对形式存在）
   属性：name:Cookie名，key：值，maxAge：失效时间，path：路径，Httponly：与安全有关
   缺陷：
   容量缺陷：只有4KB
   性能缺陷：在同一域名下的所有请求，无论用不用cookie，都会携带cookie
   安全缺陷：cookie以纯文本的形式在浏览器和服务器中传递，很容易被非法用户截获到，在Httponly为false的情况下，Cookie信息可以通过js脚本读取
2. WebStorge
   分为local storage和session storage
   区别：
   生命周期：local storage永久性存储，session storage临时性的本地存储，它是一会话级别的存储，当会话关闭后，存储内容也就被释放
   作用域：session storage特别的一点在于，即使相同域名的两个页面，只要他们不在同一浏览器窗口打开，那么它们里面存储的内容无法共享
   特性：
   存储容量大：根据浏览器的不同，存储量可以达到5-10M之间
   进位于浏览器端，不与服务器发生通信，存储的都是字符串
   local storage:存储一些官网的logo，不经常跟新的css，js静态资源，Base64格式的图片资源
   session storage：将表单信息存储在里面，即使页面刷新也不会让之前的信息丢失
   存储本次浏览记录，关闭页面之后不需要这些数据，用session storage
3. IndexDB：
   运行在浏览器中的非关系型数据库，为大型数据的存储提供了接口
   键值对形式存储，异步操作，受同源策略限制，无法访问跨域的数据库