cookie，webstorage的理解

　　在前两天的开发时，遇到一个问题，需要将一个网页在预加载时，优先出一个弹出框，但是再次加载时不希望它出现，在经过一段时间的搜索和尝试之后，发现了大多使用的两种方式：生成cookie和webStorage，简单来说就是创建网站缓存，记忆下曾经显示过，在之前的网站开发中，用到最多的就是cookie，但是这一次，在只考虑前端的情况下，我不知道如何下手了，一时之间忘记了动态生成cookie的操作，于是发现了一个更加好用的方式webStorage，webstorage分为两种方式，一种是localStorage，另一种是sessionStorage

　　webStorage的两种方式存在区别，localStorage是一种永久存在的网站缓存，这意味着如果使用这一种方式进行网站的设计，那么永久的存储需要手动的删除localStorage信息；sessionStorage类似于临时的网站缓存，仅对当前任务窗口起作用，关闭窗口或者关闭浏览器都会自动清除

  $(document).ready(function () {

         //弹框的显示（session方式）

         if(!window.sessionStorage.getItem("storage")){

             $('#auth').modal('show')

            window.sessionStorage.setItem("storage",'true')

         }

         //弹框显示（local方式）

         if(!window.localStorage.getItem("storage")){

             $('#auth').modal('show')

             window.localStorage.setItem("storage",'true')

         }

 }）

由于wbStorage不能设置过期时间，更多情况下是需要设置过期的，webStorage不建议使用，但如果仅仅是一个提示作用的弹出框等无关紧要的可以使用，从而实现降低服务器压力的作用，其次是cookie的使用，cookie可以实现与服务器的交互通信：每次携带在HTTP的headers中，但不可以保存过多的cookie，一般情况下，网站的一个站点最多保存20个cookie，每一个不能超过4kb

cookie的优缺点：

优点：具有极高的扩展性和可用性

　　1、通过良好的编程，控制保存在cookie中的session对象的大小；

　　2、通过加密和安全传输技术，减少cookie被破解的可能性；

　　3、尽量在cookie中存放不敏感的数据，即使被盗取也不会很大损失；

　　4、控制cookie的生命周期，即设置过期时间

缺点：

　　1、cookie的长度和数量的限制，每个站点只能最多20个cookie，每一个不能超过4kb，否则会被截掉

　　2、安全性，如果cookie被人拦掉了，那个人就可能会获取到所有session的信息，加密也不起作用

　　3、实现的能力有限，因为cookie是存在客户端，有些需要服务端做的事情，如果使用cookie，无法进行正常实现

巴特西

cookie，webstorage的理解

最新文章

热门文章