前端的三种存储方式的区别

最新推荐文章于 2024-04-28 10:45:45 发布
最新推荐文章于 2024-04-28 10:45:45 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： vue.js 前端面试题 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hhhhs2/article/details/116072663
版权

前端有三种存储方式分别是:localStorage、sessionStorage、cookies

localStorage：
以键值对的方式存储存 储没时间限制 永不失效 除非自己删除记录

cookies：
数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识

sessionStorage：
当页面关闭后被清理与其他两个相比不能同源窗口共享 是会话级别的存储方式

卑微->a闫
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
几种前端数据存储方式（记录）
qq_35876316的博客
07-22 3683
1. cookie cookie生成cookie是存在客户端，session存在服务器端。在cookie当用户第一次访问网页时，服务器会给客户端返回一个cookie，在cookie中保存着服务器端session文件的位置信息，用户第一次访问服务器，服务器就会为它创建一个session文件，并将session的标识保存在cookie中发给它。在这之后，通过为每个请求添加 Cookie HTTP 头将信息发送回服务器。 cookie访问和设置在 JavaScript 中可以通过 document.cookie
Javascript本地存储的方式有哪些？区别及应用场景？
蓝斑.json的博客
01-22 1095
javaScript。Cookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题
本地存储以及区别
weixin_67559385的博客
12-15 258
通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。在 HTML5 之前，应用程序数据只能存储在 cookie 中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。与 cookie 不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器。利用localStorage做本地存储 保存的数据都仅限于该域名下 浏览器关闭，然后重新打开后数据仍然存在；
localStorage、sessionStorage、cookie
最新发布
qq_42550235的博客
04-28 864
前端浏览器本地存储的方式有三种，分别是cookie的生命周期是永久的，存放数据大小一般为5MB，不参加和服务的通信，不能跨浏览器使用。应用场景：历史记录、登录仅在当前会话下有效，关闭页面或者浏览器后被消除。存放数据大小一般为5MB, 不能参与于服务器的通信，不能跨浏览器使用。页面之间的传值，敏感账号的一次性登录。cookiecookies数据存储在浏览器，单个cookie数据不能超过4k;cookie 的信息会在 http 请求的时候携带到服务器，可在。
前端存储方式及区别
weixin_51433264的博客
07-19 211
通俗地说，IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。
4种前端本地存储方法 在浏览器中持久化保存数据
热门推荐
不想被卷出去的前端老鸟
07-02 1万+
4种前端本地存储方法 在浏览器中持久化保存数据
详解前端HTML5几种存储方式的总结
09-27
HTML5在前端开发中引入了多种存储方式，旨在解决传统Cookie存在的问题，如大小限制、每次请求携带数据等问题。本文将详细介绍HTML5的五种存储方式：localStorage、sessionStorage、离线缓存（Application Cache）、...
web前端三种常见的通过JS加密文本方式
06-18
Base64不是一种加密算法，而是一种编码方式。它将任意数据转换成ASCII字符集中的64个字符，通常用于在不支持二进制传输的环境（如邮件系统）中传递二进制数据。在Web前端，Base64可以用来编码图片、音频等非文本...
前端省市区三级联动json数据.rar
01-09
在前端开发中，省市区三级联动是一种常见的交互设计，它用于在输入地址时提供便捷的选择体验，例如在注册、填写收货地址等场景。这个"前端省市区三级联动json数据.rar"压缩包提供了实现这种功能所需的数据和可能的...
模拟技术中的浅谈视频监控存储的三大格局与六种方式
10-22
本文主要探讨模拟技术中视频监控存储的三大格局与六种方式，同时介绍了数字视频监控系统和网络监控（嵌入式视频监控系统）的发展。 首先，视频监控的存储格局包括模拟存储、数字存储和网络化存储。在模拟时代，图像...
前端三级联动代码（处理了谷歌浏览器兼容性问题）
01-24
在前端开发中，"三级联动"是一种常见的交互设计，它通常用于下拉选择框或导航菜单，用户在选择每一级选项时，下一级的选择会受到上一级选择的影响，以此类推，直到达到第三级。这种设计可以有效地组织大量数据，让...
Javascript本地存储的方式，区别及应用场景
贫僧法号依平
03-27 767
作为一段一般不超过 4KB 的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制。，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。对于存储较少量的数据很有用，但对于存储更大量的结构化数据来说，这种方法不太有用。使用方法基本一致，唯一不同的是生命周期，一旦页面（会话）关闭，属性都是相同的才可以，其中有一个不同得时候都会创建出一个新的。路径，这个路径必须出现在要请求的资源的路径中才可以发送。的数据会自动的传递到服务器，服务器端也可以写。
前端存储用法区别
weixin_36106791的博客
07-06 511
前端存储的用法及区别 前言 一、sessionStorage 二、localStorage 三、cookies 四、总结 前言 在前端开发中，往往会将有些不经常更改的数据缓存到本地，比如用户信息。前端本地缓存的方式有多种，比如 sessionStorage、localStorage 以及 cookies 等。那么这个几个缓存有什么区别，各自又有什么特点呢？将是本文分享的重点。 一、sessionStorage 用法 sessionStorage.setItem：存储数据，接收2个参数，一个是 key，一个是
cookie、sessionStorage和localStorage的异同
weixin_42020084的博客
06-01 292
相同点： cookie、sessionStorage和localStorage都用在客户端存储数据，每一个都有自己的存储和到期限制 不同点： 一、存储大小 cookie数据大小不能大于4K； localStorage和sessionStorage则可以达到5M； 二、有效时间 cookie在设置的有效期内一直有效； localStorage存储持久数据，只要不手动清除则一直存在； sessionStorage数据在当前浏览器关闭后就会被自动清除 三、数据与服务器间的交互方式 cookie的数据会自
有几种前端储存的方式？这些方式的区别是什么？
weixin_49790903的博客
03-30 722
有几种前端储存的方式？这些方式的区别是什么？ 前端的存储方式有5种 cookies localstorage sessionstorage Web SQL IndexedDb 这些存储方式有什么区别？ cookies:在HTML5标准前本地储存的主要方式，优点是兼容性好，请求自带cookie，缺点是大小只有4k,自动请求头加入cookie浪费流量，每个domain限制20个cookie,使用起来麻烦需要自行封装。 localStorage:HTML5加入的以键值对（key-value)为标准的方
前端存储主要有哪些方式，有什么区别（sessionStorage,localStorage,cookie）
qq_42526440的博客
03-17 2437
前端在处理页面数据的时候有时候会存放一些数据在浏览器当中，一般存储在浏览器当中的缓存数据安全性比较低。 主要的存储方式如下图： 1.localStorage 1.存储时间是永久存储。 2.大小在5M左右。 3.ie低版本或者一些使用无痕浏览器都是不支持的 4.存储的是字符串，内容过多时，会消耗内存空间，让页面变卡 5.本地存储，不会和服务器有交互 代码： // 使用方法存储数据 localStorage.setItem("name", "Srtian") // 使用属性存储数据 localStorage.
前端有几种存储方式？
weixin_47450807的博客
04-16 6250
一、写在前面 前端的存储方式也是重中之重，下面来总结一下前端存储方式的种类。 二、总结 主要存在四种：cookie,localStorage,sessionStorage,indexedDB。 2.1、cookies： 在HTML5标准前本地储存的主要⽅式，优点是兼容性好，请求头⾃带cookie⽅便，缺点是⼤⼩只有4k，⾃动请求头加⼊cookie浪费流量，每个domain限制20个cookie，使⽤起来麻烦需要⾃⾏封装。 2.2、localStorage：HTML5加⼊的以键值对(Key-Value)为标准
前端HTML5几种存储方式的总结
廿四桥明月夜的博客
03-18 6030
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。 目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器 1、本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不...
2.前端存储的几种方式及其区别
qq_24871849的博客
12-03 356
1.localSrorage localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。 存储方式： 以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。 常用的api: getItem //取记录 setIten//设置记录 removeItem//移除记录 key//取key所对应的值 clear//清除记录 2.sessionstorage 与localStorage基本类似，区别是sessionStorage当⻚⾯关闭后会被清理，
三种前端存储方式的异同
07-28
三种前端存储方式的异同如下： 1. localStorage和sessionStorage： - 存储大小：localStorage一般是5M左右，而sessionStorage大小约为4kb左右，50条左右\[1\]\[3\]。 - 存储特点：localStorage和sessionStorage都是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值