Web Storage和cookie的区别

1)  存储空间不同

  a)  Web Storage能提供5MB的存储空间(不同浏览器的提供的空间不同)。Cookie仅4KB。

  b)  Web Storage每个域(包括子域)有独立的存储空间,各个存储空间是完全独立的,因此不会造成数据混乱。

2)  与服务器交互

  Web Storage中的数据则仅仅是存在本地,不会与服务器发生任何交互。

  Cookie的内容会随着请求一并发送的服务器(带宽浪费)。

3)  接口

  Web Storage提供更多丰富易用的接口,拥有setItem,getItem,removeItem,clear等方法,操作数据更方便。

  Cookie需要前端开发者自己封装setCookie,getCookie。

4)  跨域问题

  cookie需要指定作用域,不可以跨域调用。

说明:Cookie也是不可以或缺的:Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。

以上内容为自己整理,如有错误,请指正,谢谢~~

时间: 2024-11-05 16:02:40

Web Storage和cookie的区别的相关文章

Web Storage和cookie

Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地"存储"数据而生; Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的,Cookie的大小是受限的; 并且每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了带宽; cookie还需要指定作用域,不可以跨域调用; Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie

html5的web存储与cookie的区别

以下从3个方面进行比较: 1,容量:cookie只有4KB,localStorage和sessionStorage最大容量5M 2,是否会携带到ajax中:cookie由每个对服务器的请求来传递,会影响获取资源的效率,localStorage和sessionStorage只有在请求时使用数据.它使在不影响网站性能的情况下存储大量数据成为可能. 3,API易用性:cookie需要封装才能使用,localStorage和sessionStorage简单易用 HTML5 专门为存储而设计提供了两种在客

数据存储之Cookie和Web Storage。

Cookie Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密).接下来就谈谈cookie的一些利弊,cookie虽然在持久保存客户端数据提供了方便,分担了服务器存储的负担,但还是有很多局限性的. 第一:每个特定的域名下最多生成20个cookie. 1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie. 3.Firefox最多50个cookie 4.chrome和

【JavaScript】Cookie and Web Storage

这一块自己学习了有一阵子了,但是今天看面试题的时候,让说一下cookie的弊端以及web storage与cookie的区别,竟然还是不知道从何说起,所以,还是要自己认真的梳理一遍. 支持离线的Web应用开发,是HTML5的一个重点.离线Web应用,就是在设备不能上网的时候依然可以运行的应用. 开发离线Web应用需要几个步骤: 1.确保应用知道设备能否上网,以便下一步执行正确的操作.可以使用HTML5定义的navigator.onLine属性来检测. 2.应用必须在离线的时候能够访问一定的资源(

Web Storage中的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. web storage和cookie的区别 Web Stora

cookies,sessionStorage和localStorage的区别---web前端sessionStorage和localStorage区别

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储.而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. web storage和cookie的区别Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的.Cookie的大小是受限的,并且每次你请求一个新的页面

H5新增的Web Storage本地存储

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁. 因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. 一.web storage和cookie的区别Web Sto

Cookie的利弊以及与web storage的区别

cookie的优点:具有极高的扩展性和可用性 通过良好的编程,控制保存在cookie中的session对象的大小. 通过加密和安全传输技术,减少cookie被破解的可能性. 只有在cookie中存放不敏感的数据,即使被盗取也不会有很大的损失. 控制cookie的生命期,使之不会永远有效.这样的话偷盗者很可能拿到的就是一个过期的cookie. cookie的缺点: cookie的长度和数量的限制.每个domain最多只能有20条cookie,每个cookie长度不能超过4KB.否则会被截掉. 安全

cookie和session,cookie和web storage

一.cookie和session cookie和session的共同之处在于:cookie和session都是用来跟踪浏览器用户身份的会话方式. session指的是访问者从到达某个特定页面到离开为止的那段时间. cookie和session的区别: 1.cookie数据保存在客户端,session数据保存在服务器 2.cookie不是很安全,别人可以分析存放在本地的cookie进行cookie欺骗,考虑到安全应该使用session 二.cookie和web storage 1.web stor