`

cookies,sessionStorage和localStorage的区别

 
阅读更多

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据会永远不会过期的。

 

web storage和cookie的区别

 

Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并每次你请求一个新的页面的时候Cookie都会被发送过去,这样无形中浪费了宽带,另外cookie还需要指定作用域,不可以跨域调用。

 

除此之外,Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie.但是Cookie也是不可或缺的:cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在,而Web Storage仅仅是为了在本地“存储”数据而生。

 

 

后续还会对此进行补充......

分享到:
评论

相关推荐

    cookies,sessionStorage 和 localStorage 的区别1

    cookies、sessionStorage 和 localStorage 的区别 cookies、sessionStorage 和 localStorage 是三个常用的浏览器端存储机制,它们都可以在浏览器端存储数据,但它们之间有着很大的不同。 cookies cookies 是一种...

    请描述一下 cookies,sessionStorage 和 localStorage 的区别?

    请描述一下 cookies,sessionStorage 和 localStorage 的区别?

    前端大厂最新面试题-存储面试题.docx

    今天我们将讨论存储相关的知识点,包括 Cookies、SessionStorage 和 LocalStorage 的区别、相同点、使用场景及封装自定义LocalStorage。 Cookies、SessionStorage 和 LocalStorage 的区别 Cookies、...

    html5+css3面试题答案.docx

    Cookies、SessionStorage 和 LocalStorage 都是在浏览器端存储的数据,但它们有所不同。Cookies 会被发送到服务器端,而 SessionStorage 和 LocalStorage 不会。SessionStorage 的概念很特别,它引入了一个“浏览器...

    2019前端经典面试题.doc

    cookies、sessionStorage 和 localStorage 都是客户端存储数据的方式,但它们有不同的特点。cookies 的数据大小不能超过 4k,有效时间可以设置,而 sessionStorage 和 localStorage 可以达到 5m 或更多,数据会自动...

    前端面试文件content_1636425212663(1).docx

    * Cookies 和 SessionStorage/LocalStorage 的区别:Cookies 的数据始终在同源的 http 请求中携带,而 SessionStorage 和 LocalStorage 的数据都是在本地存储,不会发送给服务器 浏览器的离线储存 * 浏览器如何对 ...

    前端 45 道面试题及答案.docx

    本文档汇总了45道前端面试题及答案,涵盖了浏览器工作原理、渲染引擎、JS引擎、COOKIE、SESSIONSTORAGE、LOCALSTORAGE、跨域问题、页面可见性、网页验证码、网页标准和标准制定机构、微格式等多个方面的知识点。...

    基于Vue 服务端Cookies删除的问题

    cookie、 sessionStorage 、localStorage cookie: 存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是...

    新版前端高频面试题笔记+课件+源码(HTML+CSS+JavaScript)

    3.请描述一下cookies,sessionStorage和localStorage的区别? 4.浏览器的渲染机制一般分为几个步骤? …… 二.CSS面试题 1.display: none; 与visibility: hidden;的区别 2.外边距折叠(collapsing margins) 3.z-index是...

    2019前端经典面试题.docx

    11. **cookies、sessionStorage和localStorage的区别**: - 存储大小:cookies通常限制在4KB,而sessionStorage和localStorage可达5MB或更多。 - 有效期:localStorage数据持久化,关闭浏览器仍保留;...

    2019前端经典面试题讲课稿.docx

    11. Cookies、SessionStorage和LocalStorage的区别: - 存储大小:Cookies限制为4KB,而SessionStorage和LocalStorage可达到5MB或更多。 - 有效期:LocalStorage持久化存储,浏览器关闭后数据仍保留;...

    html页面传值

    在本文中,我们将深入探讨几种常见的HTML页面传值技术,包括URL参数、表单提交、cookies、sessionStorage和localStorage,以及AJAX异步通信。 1. URL参数: 当用户点击链接或通过表单提交时,可以将数据附加到URL...

    超级存储:Cookie,localStorage和sessionStorage javascript帮助器

    超级存储为cookie,localStorage和sessionStorage提供了一些帮助。 1Kb压缩 存储所有类型的值(对象和数组) 空时的默认值 前缀键 会话保持在标签之间 安装 安装npm软件包 npm install @jaysalvat/super-...

    网页缓存清除及页面刷新与关闭.doc

    清除缓存可以使用JavaScript中的localStorage和sessionStorage来实现。在上面的代码中,我们使用了sessionStorage来记录tempFlag的状态,以便判断是否需要清除缓存。 知识点4: cookie的概念 cookie是指浏览器保存...

    BAT2018年《80道前端面试题》.docx

    9. **cookies,sessionStorage和localStorage的区别**:cookies会被发送到服务器,占用网络带宽;sessionStorage和localStorage存储在本地,不参与网络传输。sessionStorage数据仅在当前会话可用,而localStorage...

    2018年Web面试题目汇总

    9. cookies、sessionStorage和localStorage的区别: - cookie用于在浏览器和服务器间传递数据,而sessionStorage和localStorage用于在浏览器端存储数据。 - sessionStorage和localStorage的存储空间更大,且各有...

    前端必考面试

    九、cookies、sessionStorage 和 localStorage 的区别 cookies 在浏览器和服务器间来回传递。 sessionStorage 和 localStorage 不会被传递,它们的存储空间更大,有更多丰富易用的接口,各自独立的存储空间。 十、...

Global site tag (gtag.js) - Google Analytics