h5的本地存储与浏览器存储方法有哪些其之间的特性及优劣详解

最新推荐文章于 2023-04-06 11:01:57 发布
最新推荐文章于 2023-04-06 11:01:57 发布
阅读量275 收藏
点赞数
分类专栏： 前端碎片小知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geezer_007/article/details/105663182
版权

h5本地存储方法：  localStorage、sessionStrorage

浏览器存储的方法是：cookie；

区别：

localStorage：生命周期久，关闭页面之后数据不消失，除非主动删除数据，否则数据永不消失；

sessionStrorage：生命周期仅在当前会话下有效，关闭窗口，数据就会被销毁，在同源窗口中始终存在数据；

cookie：生命周期在设置cookie之前一直有效，不能存储大数据且不易读取，数据大小只有4k,会造成domain污染；

 

 

 

 

 

 

say个嗨呀
关注
专栏目录
前端面试题
IT_Jiangxiaobai的博客
05-19 5120
01-HTML~02-CSS 1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？ 要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面 要点二 : 声明对大小写不敏感 2.常用浏览器有哪些，内核都是什么？ 答： 常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefo
17张思维导图，2021年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲
cYang2030的博客
12-09 5948
本文首发于17张思维导图，最全前端复习资料总结，转载请联系作者 前言 2020年最后一个月了，熬夜多天整理出17张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。 给大家准备了高清的思维导图和食用更加方便的PDF文档，全部聚合思维导图一张，分类思维导图17张，涉及前端开发的方方面面面，JS基础，工程化，性能优化，安全，框架等。如果您是准备面试，或者享扩展前端知识，都可以通过这个目录进行学习。 废话不多说，下面分类展开来说，收藏.
h5几种存储方式的区别
LiuHanQingIT的专栏
09-19 1746
总体情况 h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。 主要应用：购物车、客户登录 对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。   目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏览器 1.本地存储localstora
H5新特性 - 本地存储
秦兟
02-04 318
本地存储 注意： 本地存储调用者必须统一，用临时存储存储的数据，只有临时存储才能找到 localStorage 永久存储（相对），其中的数据不随着浏览器的开关而改变 sessionStorage 临时存储（相对），当浏览器关闭/当前页面关闭时，数据消失,页面刷新时不会影响 两者区别 local 和 session的区别： local这里做永久存储，浏览器关闭与否并不影响它。多数使用在用户自动登录...
h5存储的优点
weixin_34013044的博客
06-18 290
1.解决4k大小问题2.解决请求头常带存储信息的问题3.解决关系型存储问题4.可以跨浏览器 转载于:https://www.cnblogs.com/family-626-77/p/5596526.html
H5的浏览器存储有哪些？（必会）
qq_52449203的博客
08-06 267
H5 的浏览器存储有哪些？
原生动态化探讨与实现
马甲包开发审核交流群：869685378
04-24 799
现在随着大前端的流行，Native小程序，RN，等看似打着原生旗号的动态化，但开发过程中都会发现非常非常的像在写前端，各种 margin padding align 等，尤其是各大框架看起来都在反复提一个词 FlexBox ，于是我们深入的聊聊在移动端，动态化与跨平台这两个词的发展。 编译动态化 每一行代码本质上他就是一个字符串，他不具备任何的可运行的能力，之所以能被运行是因为他经过了一系列的...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3186
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
4 轮面试稳坐 “直通车” 顺利拿下腾讯 Offer！内附真题+简历包装，可上岸！
weixin_56134381的博客
05-31 5205
要说前端老码农们挤破头也要进大厂，你可能见怪不怪。 但看到未毕业的大学生都已经在“备考”大厂，老码农们，该醒醒了！ 简历部分很详细，犹豫/不知道怎么写的可以参考
H5浏览器存储（localStorage和sessionStorage）
07-25 379
1.localStorage是持久存储，sessionStorage是关闭窗口后失效 2.只能存储String类型字符串 3.localStorage的使用是遵循同源策略的，不同的网站直接是不能共用相同的localStorage，意思是在一个网站设置了localStorage的值，到另一个...
H5本地存储LocalStorage的属性与方法
小朱
06-17 6398
属性方法   说明 localStorage.length 获得storage中的个数 localStorage.key(n) 获得storage中第n个元素对的键值（第一个元素是0） localStorage.key 获取键值key对应的值 localStorage.getItem(key) 获取键值key对应的值
H5的网络存储方式
qq_53701739的博客
03-02 324
前言：document.cookie存储，内存只有4k左右,操作繁琐，给开发者带来不便 为了满足要求，h5规范提出了Web Storage localStorage、sessionStorage和cookie 浏览器将数据存储在本地有三种方式：localStorage、sessionStorage和cookie。 特点 cookie: 1.设置的cookie过期时间，一值有效。 2.存储位置，服务器和预览器 localStorage: 1.存储数据长久，预览器关闭后数据不丢失，除非主动删除数
Vue本地存储及用法
最新发布
B13362260109的博客
04-06 262
localStorage.setltem('accessToken',更改后 +'response'.data.result.accessToken)来获取input框的值，再将数据存储到对象里，将对象通过本地存储，存储起来，取出来之后，定义一个空。以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求。在你离线时，使用本地存储的数据而不是向远端服务器上请求。数据就显得非常有用，甚至在先用户也可以从中获益。，将对象添加到数组里，之后再将数据存储起来。首先是页面布局，通过。
浏览器如何处理大数据量的文件？
dadaddaddad的博客
04-06 2645
问题描述： 最近有个需求需要对超过1G的文件进行处理，例如生成布隆过滤器文件等，由于文件是在本地，需要本地上传到服务端去处理，由于数据量比较大，对网络的压力比较大，所以考虑是否可以在本地进行处理完然后再上传。注： 处理完的数据比较小，约几十M 解题方法： 本地处理的方法如下： 1. 提供一个本地的数据处理小工具(与语言无关)，然后处理完成的数据进行上传； 2. 通过浏览期进行处理，处理完然后上传； 对比1和2, 其中1实现比较简单，但是需要兼容多种系统，同时用户使用有成本，所以选用2方式实现，2只需要
VUE+前端数据存储indexDB
liona_koukou的博客
02-28 4672
背景 最近项目中基于需求限制需要使用mineMap地图绘制路段，路段数据有3万+条（大概27.6M），前后端请求一次耗时38s，这么长的基础数据请求时间对任何一个项目来说都是无法接受的。基于此前后端做了以下操作以期解决这个问题： 后端清除不需要的返回字段，处理后数据大小降至18.6M，请求时间缩短至28s 前端寻求浏览器存储大量数据的方案只在第一次打开页面时请求，后续均从浏览器存储中获取数据（indexDB） 路段数据由基础路段和虚拟路段组成，虚拟路段可能会变化，沟通此处需求是否可以变更为只渲染..
H5本地存储详细使用教程（localStorage + JSON数据存储应用框架）
热门推荐
林洪炳的日常技术积累
01-09 6万+
H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。 一、Web Storage教程 1、概述： 对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web
京东2017校招前端主观题汇总
Bidding
08-13 1716
1、谈谈优雅降级与渐进增强的区别。 解： 渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 ：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 2、描述cookies，sessionStorage和localStorage的区别。 解： cookies是在浏览器端存储数据，有大小限制，每个
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值