HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?

html5中的Web Storage 包括了两种存储方式: sessionStorage  和  localStorage.

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

  cookie是网站为了表示用户身份而储存在用户本地终端上的数据(通常经过加密).

  区别:

  1. cookie 数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器键来回传递。而sessionStorage  和  localStorage 不会自动把数据发给服务器,进在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。

  2. 存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage 和 localStorage  虽然也有存储大小的限制,但比cookie大的多,可以达到5M或更大。

  3. 数据有效期不同,sessionStorage: 仅在当前浏览器窗口关闭前有效,自然不可能持久保持;localStorage:始终有效,窗口浏览器关闭也一直保存,因此用作持久数据:cookie 只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

  4. 作用域不同,sessionStorage 不在不同的浏览器窗口中共享,即使是同一个页面;localStorage  在所有同源窗口中都是共享的;cookie也是在所有同源窗口都是共享的。

 

转载于:https://www.cnblogs.com/tong-yao/p/10372794.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/536969.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Mybatis源码阅读(三):结果集映射3.3 —— 主键生成策略

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

list最大容量_Java 基础(四)集合源码解析 List

List 接口前面我们学习了Iterator、Collection,为集合的学习打下了基础,现在我们来学习集合的第一大体系 List。List 是一个接口,定义了一组元素是有序的、可重复的集合。List 继承自 Collection,较之 Collection,List…

Mybatis源码阅读(四):核心接口4.1——StatementHandler

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

Shell学习之结合正则表达式与通配符的使用(五)

Shell学习之结合正则表达式与通配符的使用 目录 通配符 正则表达式与通配符通配符通配符的使用正则表达式 正则表达式正则表达式的使用通配符 正则表达式与通配符 正则表达式用来在文件中匹配符合条件的字符串,正则是包含匹配。grep、awk、sed等命令可以支持正则表达…

Mybatis源码阅读(四):核心接口4.2——Executor(上)

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

接收xml参数_SpringBoot实战(二):接收xml请求

强烈推荐一个大神的人工智能的教程:http://www.captainbed.net/zhanghan【前言】最近在对接一个第三方系统,需要接收第三方系统的回调,而且格式为XML形式,之前自己一般接收的参数是Json形式,于是乎做个实验验证一下使用…

报错 插入更新_window如何解决mysql数据量过大导致的报错

window如何解决报错“The total number of locks exceeds the lock table size”第一大步,查看mysql配置信息在CMD中输入mysql -hlocalhost -uroot -p #如果设置了密码直接接在p 后面 show variables like %storage_engine%以下为结果可以看到InnoDB是MySQL的默认引…

148. Sort List

Sort a linked list in O(n log n) time using constant space complexity. Example 1: Input: 4->2->1->3 Output: 1->2->3->4 Example 2: Input: -1->5->3->4->0 Output: -1->0->3->4->5难度:medium 题目:排…

Mybatis源码阅读(四):核心接口4.2——Executor(下)

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

python解椭圆方程的例题_椭圆标准方程典型例题及练习题

椭圆标准方程典型例题例1已知P 点在以坐标轴为对称轴的椭圆上,点P 到两焦点的距离分别为354和352,过P 点作焦点所在轴的垂线,它恰好过椭圆的一个焦点,求椭圆方程. 解:设两焦点为1F 、2F ,且3541…

leetcode393. UTF-8 Validation

题目要求 A character in UTF8 can be from 1 to 4 bytes long, subjected to the following rules:For 1-byte character, the first bit is a 0, followed by its unicode code. For n-bytes character, the first n-bits are all ones, the n1 bit is 0, followed by n-1 by…

Mybatis源码阅读(五 ):接口层——SqlSession

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

插入公式_一个小工具,彻底帮你搞定在Markdown中插入公式的问题

在编辑Markdown文档时,插入公式是一个挺麻烦的活儿。需要掌握LaTex语法。我自己看完语法后,直接放弃,这绝对是反人类的语法。(好吧,是我不会用...)但是,我相信你看了这篇文章后,绝对…

JavaScript数据结构与算法——字典

1.字典数据结构 在字典中,存储的是【键,值】对,其中键名是用来查询特定元素的。字典和集合很相似,集合以【值,值】的形式存储,字典则是用【键,值】对的形式存储。字典也称作映射。 2.创建字典 f…

Mybatis源码阅读(一):Mybatis初始化1.2 —— 解析别名、插件、对象工厂、反射工具箱、环境

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

中西方对时间的差异_中西方时间观念差异 英文

The concept of time(时间观念)①Inchina,words and phrases about time are very general. Forexample,ifyoudatewithsomeone,mostofChineseusedtoanswer: in the afternoon /at night/after a while and so on.Butinwestern,peoplehaveaverystrongconc…

Google 修改 Chrome API,防止隐身模式检测

开发四年只会写业务代码,分布式高并发都不会还做程序员? 在使用 Chrome 浏览网页时,某些网站会使用某种方法来确定访问者是否处于隐身模式,这是一种隐私泄漏行为。Google 目前正在考虑修改 Chrome 的相关 API,来杜绝…

Mybatis源码阅读(一):Mybatis初始化1.1 解析properties、settings

*************************************优雅的分割线 ********************************** 分享一波:程序员赚外快-必看的巅峰干货 如果以上内容对你觉得有用,并想获取更多的赚钱方式和免费的技术教程 请关注微信公众号:HB荷包 一个能让你学习技术和赚钱方法的公众号,持续更…

亚马逊推荐python_使用python查找amazon类别

我想得到amazon的类别,我计划废弃不用API。我已经取消了http://www.amazon.com,我已经在Shop By Department下拉列表中抓取了所有的类别和子类别,我创建了一个web服务来完成这项工作,代码就在这里route(/hello)def hello():textli…

JavaScript异步基础

唯一比不知道代码为什么崩溃更可怕的事情是,不知道为什么一开始它是工作的!在 ECMA 规范的最近几次版本里不断有新成员加入,尤其在处理异步的问题上,更是不断推陈出新。然而,我们在享受便利的同时,也应该了…