Question

cookie，localStorage，sessionStorage

Answer 1

一、cookie

cookie是浏览器缓存，可以与session配合使用，用于网站的身份识别。

特点：1、必须在服务器环境下使用。

           2、在没有设置到期时间的时，当用户结束浏览器会话时，就消失（默认过期时间是一次会话）。

            3、必须要一条一条的存。

            4、相同名字的会被后存的覆盖掉。

            5、根目录访问不了子目录下的cookie，但子目录可以访问它所有上级目录的cookie。

            6、容量小，大概4k左右。

            7、不安全。

            8、每此都会向服务器发请求。

            9、里面存的都是字符串。

            10、查询不到返回空。

查看：在控制台的Application的Storage下面的cookie点击下面的http就可以看到，对应的name（名字），value（值），Domain(来源)，path（路径），expires/Max-Age（失效时间），size(大小)。

用法：document.cookie=’name=value;expires=xxx’

一般封装一个设置cookie的函数，来调用。一般整个项目网站，只有一套cookie，共享一套cookie，存在根目录下，这样所有文件都可以访问。

设置cookie的三个参数分别是名字，值，存储时间（我这里以天计）。

获取cookie通过名字就可以获取。

删除cookie只要设置cookie时把日期设为一个负值就可以删除cookie。

二、localStorage

特点：

1、容量5M。

2、不会往服务器发数据。

3、不会有过期时间。

4、没有路径限制。

5、查询不到返回 undefine。

三、sessionStorage

特点：

1、存取方便。

2、只存在当前会话期间，存储在sessionStorage里面的数据在页面会话结束时会被清除。