本地存储之cookie

Posted 2020-08-20 小数点就是问题

cookie概述：

Cookie 在计算机中是个存储在浏览器目录中的文本文件，当浏览器运行时，存储在 RAM 中发挥作用 （此种 Cookies 称作 Session Cookies），

一旦用户从该网站或服务器退出，Cookie 可存储在用户本地的硬盘上 （此种 Cookies 称作 Persistent Cookies）。

Cookie 是在 HTTP 协议下，服务器或脚本可以维护客户工作站上信息的一种方式。

Cookie 是由 Web 服务器保存在用户浏览器（客户端）上的小文本文件，它可以包含有关用户的信息。

无论何时用户链接到服务器，Web 站点都可以访问 Cookie 信息。

目前有些 Cookie 是临时的，有些则是持续的。

临时的 Cookie 只在浏览器上保存一段规定的时间，一旦超过规定的时间，该 Cookie 就会被系统清除。

持续的 Cookie 则保存在用户的 Cookie 文件中，下一次用户返回时，仍然可以对它进行调用。在 Cookie 文件中保存 Cookie，

有些用户担心 Cookie 中的用户信息被一些别有用心的人窃取，而造成一定的损害。其实，网站以外的用户无法跨过网站来获得 Cookie 信息

。如果因为这种担心而屏蔽 Cookie，肯定会因此拒绝访问许多站点页面。因为，当今有许多 Web 站点开发人员使用 Cookie 技术，

例如 Session 对象的使用就离不开 Cookie 的支持。

在同一个页面中设置 Cookie，实际上是按从后往前的顺序进行的。如果要先删除一个 Cookie，

再写入一个 Cookie，则必须先写写入语句，再写删除语句，否则会出现错误。

Cookie是面向路径的。缺省路径 (path) 属性时，Web 服务器页会自动传递当前路径给浏览器，

指定路径强制服务器使用设置的路径。在一个目录页面里设置的 Cookie 在另一个目录的页面里是看不到的。

Cookie 必须在 html 文件的内容输出之前设置；不同的浏览器 (Netscape Navigator、Internet Explorer) 对 Cookie 的处理不一致，

使用时一定要考虑；客户端用户如果设置禁止 Cookie，则 Cookie 不能建立。 并且在客户端，一个浏览器能创建的 Cookie 数量最多为 300 个，

并且每个不能超过 4KB，每个 Web 站点能设置的 Cookie 总数不能超过 20 个。 

cookie用途：

服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。

Cookies最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提示，是否在下一次进入此网站

时保留用户信息以便简化登录手续，这些都是Cookies的功用。另一个重要应用场合是“购物车”之类处理。

用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies，以便在最后付款时提取信息。

 

接下来是cookie的简易封装：

/*key键,val值,time时间，时间是以天数来计算的，当时间传入的值是小于0时，会删除cookie*/
/*当传入只有key时获取目标值，
当传入两个是设置但不设置时间的cookie，
当传入三个值为以传入的时间为准，如果时间为负数，删除
如果传入的值为正数为设置*/
(function(){
    function cookie(key,val,time){    
        if(key!=undefined&&val!==undefined){
            return time?setcookie(key,val,time):setcookie(key,val);
        }else if(key!==undefined||val===undefined){
            return getcookie(key);
        }        
    }
    function setcookie(key,val,time){
        var d=new Date();
        if(time!==undefined){
            d.setTime(+d+864e+5*time);
            document.cookie=key+"="+val+"; expires="+d.toUTCString();
        }else{
            document.cookie=key+"="+val+";";
        }
    }
    function getcookie(key){
        var arr=document.cookie.split("; ");
        for(var i=0;i<arr.length;i++){
            var arr2=arr[i].split("=");
            for(var j=0;j<arr2.length;j++){
                if(arr2[0]==key){
                    return arr2[1];
                    }
                }
            }
    }

    window.cookie=cookie;
})(window)

 

这个封装是参考jquery-cookie的。

但jquery-cookie封装更加完善，这个封装是参考它部分，简化过来的。

如jquery-cookie的传参方式，如时间的设置等。

jquery-cookie是依赖于JQuery的，所以使用前，先引入JQ。