Cookies、Local Storage、Session Storage、WebSQL 和 IndexedDB

最新推荐文章于 2023-05-09 17:20:18 发布
最新推荐文章于 2023-05-09 17:20:18 发布
阅读量609 收藏
点赞数 1
分类专栏： Java生态圈
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uniquewonderq/article/details/100598134
版权
本文介绍了浏览器的五种本地存储方式：Cookies、Local Storage、Session Storage、WebSQL 和 IndexedDB。Cookies是最早的本地存储，限制为4KB；Local Storage和Session Storage属于Web Storage，前者持久化存储，后者随Session结束而消失。WebSQL基于SQLite，提供SQL操作；IndexedDB则是一种NoSQL存储，支持大量数据和事务处理。
摘要由CSDN通过智能技术生成

本地存储，在浏览器中包括了 Cookies、Local Storage、Session Storage、WebSQL 和 IndexedDB 这 5 种形式的本地存储，它们之间的区别:

Cookies

Cookies 是最早的本地存储，是浏览器提供的功能，并且对服务器和 JS 开放，这意味着我们可以通过服务器端和客户端保存 Cookies。不过可以存储的数据总量大小只有 4KB，如果超过了这个限制就会忽略，没法进行保存。

Local Storage Session Storage

Local Storage 与 Session Storage 都属于 Web Storage。Web Storage 和 Cookies 类似，区别在于它有更大容量的存储。其中 Local Storage 是持久化的本地存储，除非我们主动删除数据，否则会一直存储在本地。Session Storage 只存在于 Session 会话中，也就是说只有在同一个 Session 的页面才能使用，当 Session 会话结束后，数据也会自动释放掉。

WebSQL 与 IndexedDB

WebSQL 与 IndexedDB 都是最新的 HTML5 本地缓存技术，

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Think_Higher
关注
专栏目录
订阅专栏
【浏览器】浏览器存储&缓存 - Cookie - localStorage - sessionStorage - IndexDB - Cache Storage - Application Cache
YK菌的博客
06-26 1468
浏览器缓存
Local Storage，Session Storage，IndexedDB，Web SQL，Cookies简介
calm_encode的博客
06-10 612
一 概述 Local Storage，Session Storage，IndexedDB，Web SQL，Cookies都是浏览器中具有实现前端本地存储功能的介质。在HTML5本地存储——Web SQL Database提到过Web SQL Database实际上已经被废弃，而HTML5的支持的本地存储实际上变成了Web Storage（Local Storage和Session Storage）与IndexedDB。Web Storage使用简单字符串键值对在本地存储数据，方便灵活，但是对于大量结构化.
浏览器数据存储 Local Storage, Session Storage, IndexedDB ,WebSQL, Cookies
Loria1的博客
12-05 1054
浏览器存储方式这么多，可我以前却独宠Local Storage一人，但是了解到IndexedDB的时候，我觉得我要变心了，我果然不是一个专一的人？？？？（？）参考其它资料对几种数据存储的分析，我自己给自己做个总结。 浏览器的存储方式有这些： 首先结合网上资料对几种存储方式做个分析。 Local Storage localStorage（本地存储）是HTML5的的WebStorage提供...
Web储存的三种方式localStorage 、sessionStorage、Cookies
猴子哥哥的博客
02-15 1293
Web存储的三种方式localStorage，sessionStorage，Cookies
Cookies，localStorage，sessionStorage，Web SQL Database（客户端）会话存储学习
weixin_34318956的博客
02-28 118
客户端(浏览器端)存储数据有诸多益处，最主要的一点是能快速访问(网页)数据。目前常见的浏览器端数据存储方法有：Cookies，Local Storage，Session Storage，IndexedDB 取值，存值，删除（用于浏览器存储客户端的访问数据） 1.Cookies Cookies 是一种在文档内存储字符串数据最典型的方式。一般而言，cookies 会由服务端发送给客户...
cookie、sessionStrorage、localStrorage、indexDB
weixin_43279985的博客
01-19 470
存储 特性 cookie sessionStrorage localStrorage indexDB 数据生命周期 一般是由服务器生成，可以设置过期时间。 页面关闭就清除 （会话级存储） 一直存在，除非手动删除。（永久存储） 一直存在，除非手动删除。 数据存储大小 4k 5M 5M ...
localStorage、sessionStorage 、indexedDB 、websql 、cookie 的区别
dreamofheart1的博客
06-05 2918
cookie ：最早出现，浏览器与服务器通信时会携带cookie，容量比较小只有4k，可以设置过期时间，可以长期保存；sessionStorage：相当于服务端的session，通信时不会被携带，会话关闭及被销毁，大小约为5m；localStorage：声明周期永久生效，除非手动删除 否则关闭页面也会存在，通信时不会被携带，大小约为20m；indexedDB：相当于NOsql（非关系数据库），比如MongoDB，支持事务、索引等，存储空间大不少于250M,甚至没有上限；Websql：相当于关系型数据库，比如
Cookies, Session Storage, Local Storage
L的博客
01-06 188
Cookies,SessionStorage,LocalStorage三者间区别 Cookies SessionStorage LocalStorage 存储数据量 4kb 10mb 5mb 浏览器 HTML4/HTML5 ...
解析HTML5的存储功能和web SQL的相关操作方法
12-12
现在更常见的是使用IndexedDB，这是一种更现代的、基于键值对的离线存储解决方案，支持更复杂的数据查询和索引。 总之，HTML5的存储功能极大地提升了Web应用的性能和用户体验，使得数据存储更加灵活且高效。开发者...
[聊一聊系列]聊一聊前端存储那些事儿
weixin_33928137的博客
07-10 234
欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog/frontenddriver 在web开发越来越复杂的今天，前端拥有的能力也越来越多。其中最重要的一项莫过于web存储。开发者们如果使用得当，这些存储可以帮助我们提升网页的性能与灵活度...
localStorage, localforage, web sql三者的比较
weixin_43934824的博客
02-20 326
localStorage, localforage, web sql三者的比较
Cookie与Storage区别
zibo736246的博客
09-29 341
JavaScript关于cookie与storage的区别
面试遇到MySQL 存储引擎有哪几种，他们的区别是什么？
最新发布
qq_41866988的博客
05-09 1923
MySQL存储引擎是用来管理数据存储的组件，不同的存储引擎有不同的特点和适用场景。
浏览器缓存--cookie、sessionStorage、localStorage、indexedDB
weixin_小白鼠的博客
11-14 1603
cookie、sessionStorage、localStorage的特点及基本使用，它们之间的区别
HTML5本地存储 localStorage 、sessionStorage、WebSQL、indexedDB
新技术革命
04-13 861
随着移动网络的兴起，WebApp也不在是新的话题了，以前Web与App原生系统最大3个差别在于： 用户体验，主要涉及到操作的平滑性，软件整体的性能。 本地存储能力，原生App能很好的发挥本地存储的能力，将不常更新的数据长期存储在本地。 操作系统资源，原生App能很好操作其他的app，最为常见的功能是共享到微信朋友圈。 这几年WebApp一直在想办法攻克这些难关，上述两个问题在随着技术的不断升...
H5本地存储详细使用教程（localStorage + JSON数据存储应用框架）
热门推荐
林洪炳的日常技术积累
01-09 6万+
H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。 一、Web Storage教程 1、概述： 对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web
本地存储和离线缓存的作用和区别
想搞全栈的前端
06-18 7221
前言 前端的存储方式有：localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等。各个存储方式有各自的优缺点，本文我们来探讨一下不同存储的功能及区别。 本地存储 1.cookie 在h5之前，存储主要用的是cookie。cookie会随着每次http请求头信息一起发送，无形中增加了网络流量，另外，cookie能存...
WebStorage和WebSQL
葉無聞
11-23 439
一、web Storage 早期，本地存储使用的是cookie，但是由于cookie的大小及安全性能等方面的局限性衍生出了web存储。web存储的数据并不需要像cookie那般在每次请求中都与服务器交互，它将数据存储在本地。除此之外，它还也可以大量存储数据而不影响网站性能。 客户端存储数据的两个对象为：localStorage和sessionStorage。 两者使用的API都相同，常用的有...
HTML5 Web SQL & Indexed DB: CRUD操作比较与实战
IndexedDB API的CRUD操作通常涉及对象键值对的管理，使用更为灵活且不需要像Web SQL Database那样维护复杂的查询结构。IndexedDatabase的设计初衷是为了支持更高效、更本地化的数据存储，尤其适合处理大量数据和复杂...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Think_Higher

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值