浏览器的储存方式总结---cookie、web Storage

为什么要进行数据存储

      随着Web应用程序的出现，产生了对于能够直接在客户端上存储用户信息能力的要求，我们知道当我们访问某个页面的时候，很多东西都需要从服务器端进行加载，如果这个时候能将一些东西存储在客户端的话，是不是就可以直接拿来用啦，方便快捷，又可以节省了很多不必要的请求，为什么不用呢？

Cookie

      说到cookie，cookie存储是属于文档对象模型。cookie有两个主要功能：第一个功能就是用于解决http无状态的缺点，在客户端存储会话信息，记录用户的状态；而第二个功能也就是我们现在经常使用cookie在客户端存储数据。

Cookie的构成

• 名称：唯一的、确定的cookie的名称
• 值：存储在cookie中的字符串值，该值必须被URL编码
• 域：cookie对于哪个域是有效的，所有向该域发送的请求都会包含这个cookie信息
• 路径：对于指定域中的路径，应该向服务器发送cookie
• 失效时间：表示cookie何时应该被删除的时间戳
• 安全标志：指定后，cookie只有在使用SSL连接的时候才发送到服务器

如何使用cookie存储数据

      有两种方式可以生成cookie，一种是服务器发送http响应时指定Set-Cookie进行指定；另一种我们可以使用js生成cookie。
示例：

var  CookieNow={
   
 get: function(name) {
    
            var cookieName = encodeURIComponent(name) + "=",cookieStart = document.cookie.indexOf(cookieName),cookieValue = null; 
              if(cookieStart > -1) {
   
                  var cookieEnd = document.cookie.indexOf<