### H5本地存储
在以前，我们想要存储一些数据，并且只是在前端使用，服务端并不会使用，我们只能存在cookie里，但是cookie会跟随请求头在客户端和服务端之间来回传递，而且cookie还有一些缺点，H5提供了webStorage的API用来做客户端的数据存储
##### cookie与webStorage的区别
1. cookie有大小的限制，只能存储4kb，webStorage可以存储5Mb，cookie还有条数的限制
2. cookie会跟随请求头在客户端和服务端之间传递，会影响带宽。
3. cookie需要设置有效期，localStorage是永久保存，sessionStorage是会话保存，
4. cookie可以设置作用path
5. cookie的操作较为困难，webStorage的API较为容易
6. cookie的兼容性比webStorage兼容性好
##### webStorage包含的存储方式
1. localStorage ：有效期是永远，永久保存；除非手动删除
2. sessionStorage： 有效期是一次会话时间
3. globalStorage、indexedDB、webSQL因为兼容性、实用性较差，所以，不使用
##### localStorage和sessionStorage 的使用方法（API）
1. localStorage和sessionStorage的使用方法一样
2. 增删改查
增/改： localStorage.setItem(key,value)/ localStorage.a = 1
查： length；key方法（index）得到对应的key getItem(key)/localStorage.a
删： removeItem（key）
清空: clear()

localStorage和sessionStorage

转载于:https://www.cnblogs.com/GMDDL/p/7875341.html

H5本地存储 localStorage和sessionStorage区别 存储方式 用法相关推荐

  1. 【面试题】详解Cookie、localStorage、sessionStorage区别

    [面试题]详解Cookie.localStorage.sessionStorage区别 三者基本概念 Cookie localStorage sessionStorage 安全性的考虑 Cookie. ...

  2. H5存储------localStorage和sessionStorage

    web现在随着计算机的高速发展,客户端干的事情越来越多了,随着事情的增多,很多东西存储就不止在服务器了,本地存储越来越强大了(大神原谅我废话了????) 早期时期 cookie存储 (之前我用着还是很 ...

  3. HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)

    一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...

  4. H5的本地保存localStorage、sessionStorage用法总结

    localStorage: 方法存储的数据没有时间限制. sessionStorage: 方法针对一个 session 进行数据存储.当用户关闭浏览器窗口后,数据会被删除. localStorage. ...

  5. js本地缓存-localStorage、sessionStorage

    1.localStorage 持久化的本地储存,除非主动删除数据,否则数据是永远不会过期的.关闭页面仍然存在此数据 localStorage.setItem('username','zhangsan' ...

  6. 浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法

    区别: localStorage永久保存在浏览器  :sessionStorage在浏览器关闭之后存储的数据就会销毁 用法:两者用法差不多,但是取值有所不同 编辑页面逻辑代码为: 这是给 id=btn ...

  7. HTML5本地存储localStorage，sessionStorage

    HTML5新特性,用于本地存储, localStorage:不删除会一直存在斯基 sessionStorage:浏览器关掉,就跪了 /*** H5:数据存储方式,可以携带用户信息id* * 注意:* ...

  8. cookie、localStorage和sessionStorage区别

    三者区别见下表: 说明: cookie的处理过程为: 服务器向客户端发送cookie 浏览器将cookie保存 之后每次http请求浏览器都会将cookie发送给服务器端 sessionStorage ...

  9. 各种本地存储对比 cookie，localStorage，sessionStorage，indexDB以及他们和vuex的区别

    cookie 存储在cookie中的数据,每次都会被浏览器自动放在http请求中,如果这些数据并不是每个请求都需要发给服务端的数据,浏览器这设置自动处理无疑增加了网络开销:但如果这些数据是每个请求都需 ...

  10. 浏览器本地存储Cookie、LocalStorage、SessionStorage

    文章目录 浏览器本地存储 浏览器本地存储 浏览器本地存储方式 (1)Cookie Cookie 是最早被提出来的本地存储方式,在此之前,服务端是无法判断网络中的两个请求是否是同一用户发起的,为解决这个 ...

最新文章

  1. 2016年7月微软MVP申请開始了!
  2. python调用函数传参时、有默认值的在中间 报错了_python的大坑：使用空列表作为默认参数，让我怀疑遇到了灵异代码...
  3. 知道python不_为什么自学Python看不进去？
  4. Java 语法规定之外的命名注释规范
  5. [POI2007]MEG-Megalopolis
  6. 音视频工程师（初步）（一）音视频的基本概念
  7. 如何解决设置虚拟服务器不生效,nginx虚拟主机的配置不生效
  8. mysqldump 导出数据库中每个表的前100条（前n条）
  9. 你们要的网络电话软件测评来了
  10. BAT脚本清理注册表信息
  11. 计算机网络技术中的单位换算,计算机存储/网络传输中单位换算1000还是1024
  12. DUL Oracle Data Unloader工具下载
  13. 2022-2027年中国婴幼儿米粉市场竞争态势及行业投资前景预测报告
  14. 媒体对华为不公，国人应该清醒 [转]枯荷雨声
  15. mysql c盘满了 怎么办_C盘满了如何清理
  16. 用小米平板，如何看小度路由器所连接的移动硬盘上的视频
  17. js html css淘宝足迹日历效果,JavaScript实现简单日历效果
  18. 发展教育数字化，开创教育新局面
  19. 亨利·明茨伯格(Henry Mintzberg)质量管理学大师
  20. 为什么说2020年会是科技并购好时机？

热门文章

  1. 紧张的337小时，终于等来了宇宙条字节跳动offer
  2. 从P1到P7——我在淘宝这7年（一）
  3. iPhone 11 128G 抱回家！
  4. 压力太大，考个公务员吧
  5. 利用计算机系统辅助设计人员,计算机基础知识：计算机辅助设计
  6. centos操作---搭建环境 安装python
  7. C语言学习系列（六）存储类
  8. 20145304 第十周学习报告
  9. [转载]C# Socket编程 同步以及异步通信
  10. Android学习开发之路~~系列教程