cookie和session区别、localSrorage和sessionStorage区别

鸟会飞吗
229 阅读3分钟

html5新增的浏览器本地存储 ---本地存储localStorage与seesionStorage

1、供存储数据的大小：5M。
2、localStorage与sessionStorage都是用来存储客户端信息的对象，**并且都只能存储字符串类型的对象**。
3、localStorage的生命周期是永久，除非手动删除，否则永久存在。
4、seesionStorage的生命周期为当前窗口或者标签页，一旦这些窗口或者标签页被关闭后，sessionStorage存储的数据也就会随之清空。
5、使用方法：localStorage 与 sessionStorage 用法相同，以下为localStorage示例
    (1)存储数据：window.localStorage.setItem("key","value")将值value存到key字段。
        例：存储字符串 window.localStorage.setItem("a","abc")
        例：存储对象 
        let obj = { name:'张三',age:18}
        window.localStorage.setItem("obj",Json.stringify(obj))    
    (2)获取数据：  例：获取字符串 window.localStorage.getItem("a");
    (3)清除某一条数据：window.localStorage.remove("a");
    (4)清除所有localStorage存储的数据：window.localStorage.clear();

localSrorage 的灵魂5连问？？？？？

视频链接：[https://www.bilibili.com/video/BV1vu41197o8?spm_id_from=333.337.search-card.all.click](url) 
1、localSrorage 存储键值采用的是什么字符编码
    答：键和值始终采用的是 UTF-16 DOMString格式
2、5M的单位是什么
    答：5M指的是 字符串的长度
3、localSrorage的键占不占存储空间
    答：占用存储空间
4、localSrorage键的数量对读写性能有什么影响
5、写一个方法统计localSrorage当前已使用的空间

cookie与session视频链接

[https://www.bilibili.com/video/BV1s4411z7zq?spm_id_from=333.337.search-card.all.click](url)

cookie的简介

cookie与sessin是一种会话跟踪技术。
    会话是由一组的请求与响应组成，是围绕着一件相关事情进行的请求与响应，
    所以这些请求与响应一定是需要有数据传递的，即是需要进行会话状态跟踪的，
    然而Http协议是一种无状态协议，在不同的请求之间是无法进行数据传递的，
    此时就需要一种可以在请求间进行数据传递的会话跟踪技术。
    而cookie就是这样一种会话跟踪技术。
    cookie是由服务器生成，保存在客户端 ，cookie中存放着用户访问该站点的会话状态信息，
    只要cookie没有被清空或者失效，那么保存在cookie中的会话状态信息就一直有效
    用户在第一次提交请求后，由服务器生成cookie，并将其封装在响应头中返回给客户端
    客户端收到响应后将cookie保存在客户端，当客户端再次发送同类请求后，
    在请求中会携带cookie数据发送到服务器，由服务器对会话进行跟踪。
    cookie是以键值对的形式存储数据的，并且 键和值 都是字符串。
    什么是同类请求：见下图 ---资源名称相同的即为同类请求

image.png

cookie的常用方法：
    1、创建cookie
        new Cookie("key","value");
    2、设置cookie的有效路径 指定的路径必须加上项目名称request.getContextPath()
        cookie.setpath(request.getContextPath() + "/aaa/bbb")
    3、cookie.setMaxAge() 设置cookie的有效期，这个值为一个整数，单位是秒(s)
        该值 >0 ---表示将cookie存放到客户端的硬盘之中
        该值 <0 ---与不设置效果相同，存放到客户端浏览器的缓存中
        该值 =0 ---表示cookie生成后马上失效，基本不设置

session的工作原理：

    1、写入session列表

image.png

    2、服务器生成并发送cookie
    3、客户端接收并缓存cookie
    4、从session列表中查找

.cookie和session区别

  • cookie是保存在客户端的,session保存在服务器端
  • cookie有大小限制，4kb左右 ， session没有大小限制
  • cookie的安全性较低， session更加安全
  • session会比较占用服务器性能，当访问增多时应用cookie
  • cookie是不能跨域请求的
avatar
文章
阅读
粉丝