前端存储浅谈——cookie、sessionStorage、localStorage

cookie

存于客户端，由于http协议是无状态的，只要客户端与服务端数据交换完，就会断掉链接，如果再请求 就再次链接，而服务器是无法保存这种链接的状态，只有不停地链接、断链接，所以需要cookie来做一个身份认证，再次请求的时候服务器会根据这个身份id进行用户判断。

但要注意cookie是不可跨域的，他会根据域名来区分是向哪个服务器发送数据。

其次，cookie不能存一些敏感信息， 因为通过浏览器获取cookie很方便，很容易泄露一些个人信息，如果想存 最好是对数据进行加密

cookie的一些api,通过自己封装的例子看

HTML5提供了两种本地存储的方式 sessionStorage 和 localStorage

sessionStorage

localStorage 会一直存在浏览器中 除非人工清除 方法同上

其次，我们可以对localstorage和sessionStorage的属性值进行遍历

cookie 和 localStorage sessionStorage 区别

三者都存在客户端 而且同源，同协议 同域名 同端口

cookie会在http请求中携带，会在服务器和客户端间传递，所以cookie会有大小限制，不能超过4k，而且存在在设定的path下。

sessionStorage和localStorage只会存在本地，大小要比cookie大，其中sessionStorage是仅在当前的会话窗口有效，不是所有窗口都可以共享数据的。其它两个是真个浏览器都可以数据共享。

文章来源于网络，如有侵权请联系我们，将予以删除

资源分享