• cookie与localstorage和sessionstorage的区别比较


    保存位置:

    三者均保存在浏览器端,且同源的。

    与服务器的关系:

    cookie 数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。

    sessionStorage/localStorage:不会自动把数据发给服务器,仅在本地保存。

    路径(path)概念:

    cookie数据有路径(path)的概念,可以限制cookie只属于某个路径下。

    存储大小限制:

    cookie  数据不能超过4K,因为每次http请求都会携带cookie,因此cookie只适合很小的数据。

    sessionStorage/localStorage 也有存储大小的限制,但比cookie大很多,可以达到5M或者更大。

    数据有效期:

    cookie 在设置的cookie过期时间之前一直有效。

    sessionStorage:仅在当前浏览器窗口关闭前有效。

    localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用于持久数据。

    作用域不同:

    cookie  在所有同源窗口中都是共享的。

    sessionStorage:不在不同的浏览器窗口中共享,即使是同一个页面。

    localStorage:在所有同源窗口中都是共享的。

    sessionStorage和localStorage是html5中web storage的两种存储方式,与cookie相似,区别是它是为了更大的容量存储设计的。cookie大小受到限制,并且每次都请求一个新的页面的时候后cookie都会被发送过去,另外cookie还需要制定作用域,不可以跨域调用。

    cookie的作用是与服务器进行交互,作为HTTP规范的一部分存在,而web storage是为了本地存储数据而生。有了本地数据,就可以避免数据在浏览器和服务器之间不必要的来回传递。

    同源的判定:

    http://www.test.com

    https://www.test.com (不同源,协议不同)

    http://my.test.com (不同源,主机名不同)

    http://www.test.com:8080 (不同源,端口不同)

  • 相关阅读:
    防止浏览器记住用户名及密码的简单实用方法
    vb.net如何发送含双引号的字符串。转义双引号
    武神坛任务超详细解说。刷战神任务
    Asp.Net文件和文件夹操作大全
    LINQ 中的 select
    经典.net常用面试题目基础
    福建厦门联通DNS
    jQuery 遍历函数 each
    为什么 内燃机 要 先压缩空气 才能有效的将 热能 转化为 动能 ?
    【哈哈】 这个题能让官科吵几千楼我也是没想到的
  • 原文地址:https://www.cnblogs.com/lionisnotkitty/p/5995673.html
Copyright © 2020-2023  润新知