据我对cookie诞生背景的了解，cookie是由网景公司创建的，目的就是将用户的数据储存在客户端上。伴随的HTML5的出现，现在又有另外一个解决数据离线储存的方案，就是HTML5中的Web storage，其中两个重要对象sessionStorage和localStorage可以解决浏览器sessions和长期储存数据的目的，并且兼容性还不错，IE8+以上浏览器都支持。

那我们直接学习Web storage不就可以了？个人认为，这不是一个很好的学习方法。Web Storage的出现主要还是因为cookie的一些小毛病不能够满足前端工程师日常开发而被加入到HTML5中作为新的API的。本质上说，localStorage和sessionStorage实现的本质与cookie是一样的。所以在接触之前，先熟悉并且掌握cookie对于Web storage的学习还有很大的帮助。

这篇文章会涉及的内容与技术：

  • module bundler：webpack

  • javascirpt如何实现读取，写入，删除Cookie

  • js-cookie实现读取，写入，删除Cookie

cookie定义

cookie其实就是服务器保存在浏览器的一小段文本信息。怎么保存呢？浏览器在向服务器发送一个http请求时，会在发送请求的首部字段中添加Cookie字段，并且附上相应的key，value。服务器接收到请求并且正确返回响应的时候，会在响应的头部字段中添加Set-cookie字段。这时候就完成了一次数据储存的操作。当我们关闭浏览器并且再次打开的时候，相应需要存储的信息就会在expires指定的期限内存储下来。

简单的说，就是：