为什么会有cookie
web应用程序是使用HTTP协议传输数据的。HTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。这就意味着服务器无法从连接上跟踪会话。
你可能会有这样的经历，登录一个网站的时候会提醒你要不要记住账户和密码，这样下次来你就不用再次输入账号和密码了。这就是cookie的作用，当我们再次访问的时候，方便服务器直接根据我们的cookie来直接取上一次去过的东西（对于，每一个cookie服务器会对这个cookie存储上一次我们拿过的数据，下一次对于同一个cookie的时候，就直接在这里取。）
什么是cookie
cookie是由服务器端生成的，发送给user-agent（一般是浏览器），（服务器告诉浏览器设置一下cookie） 浏览器自动将cookie以key/value保存到某个目录下的文本文件内，下次请求同一个网站地址时也会自动发送改cookie给服务器，即添加在请求头部（前提是浏览器设置为启用cookie）。
cookie就是一个小型文件（浏览器对cookie的内存大小是有限制的-----用来记录一下信息）
cookie的特点
cookie具有保质期
即有永久的也含有临时的，每个浏览器都含有自己的cookie，每次请求的时候，都会根据domain来发送相应的cookie，可通过设置expires、max-age来设定保存日期，不设置的话默认是临时存储，即关闭浏览器就消失。
document.cookie = 'expires=时间/max-age=秒'
满足同源策略
虽然网站images.gogle.com与网站www/google.com同属于Google，但是域名不一样，二者同样不能互相操作彼此的cookie。而且path也必须一样才能相互访问彼此的cookie，需要注意不同的浏览器对path访问规则不一样。对于Chrome，path必须为当前目录。设置为其他目录无效，只能当前页面只能访问当前目录以及以上的cookie。
cookie内存大小受限制
cookie有个数和大小的限制，大小一般是4k
cookie安全性
cookie在本地 可以被更改文件敏感的数据不要放在cookie里。
cookie的使用
cookie实际上主要web服务器开发人员设置的，前端开发人员较少使用cookie，但是也会使用，比如设置登录页面的账号信息。
我们打开浏览器控制台，对于Chrome，切换application，在左边的storage下面可以看到cookie项，点开就能看到当前有哪些cookie，例如下面：
可以看到每一行就是一个cookie，里面含有他的数值以及他的相关信息，待会将详细介绍每一个属性的含义。先来看一下怎么设置cookie。
document.cookie='name=xiaoming;expires='+oDate
上面就简单的设置了一项cookie，每一个属性使用;隔开，并且一次不能设置cookie，一次只能设置一个，后面的也不会覆盖前面的cookie，只会拼接到当前的cookie的字符后面。具体使用方法如下。
通过document.cookie 设置cookie
格式：名字=值(document.cookie = ‘age =18;max-age=1000’)
不会覆盖(注意设置cookie的时候。不能一次设置多条cookie只能一次设置一条cookie的信息，如果后面设置了前面的一样的字段，如果同域，同path，那么后面会覆盖前面的，否者新增一条cookie。设置到path之后，该cookie只能被该path及其以下的目录获取，比如我设置path=/web,那么当我在/这个，目录下的时候不能访问到我设置到/web的cookie，而我在/web/xxx这个目录下可以访问得到)
过期时间：expires=时间/max-age=秒(不设置的话默认是临时存储)
读取cookie(注意一般只有当我们含有http请求的时候设置cookie才有效，不同浏览器情况也不一样，比如ie下就可以直接设置)，通过字符串分割。
删除cookie：已经过期(即使设置日期，保证日期小于当前日期)
转载地址：
https://segmentfault.com/a/1190000016248401
