美文网首页
Web Storage

Web Storage

作者: zhulichao | 来源:发表于2020-07-23 09:20 被阅读0次

Web Storage包括哪几种方式,区别是什么,没出现之前怎么做的

HTML5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。在没有Web Storage之前,是通过Cookie来在客户端存储数据的。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问,刷新页面数据依旧存在,但是当会话结束也就是页面关闭后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

localStorage用于持久化的本地存储,可用于所有同源窗口或标签页(相同的域名、协议和端口),除非主动删除数据,否则数据是永远不会过期的。
Cookie Web Storage
4KB左右 5MB左右
自己封装setCookie、getCookie 提供setItem、getItem等api
可设置失效时间 localStorage永久保存、sessionStorage会话级别
HTTP规范的一部分,同源的请求都带Cookie 仅在客户端保存数据,不参与和服务器的通信

相关文章

  • HTML Web Storage

    什么是HTML Web Storage Web Storage是HTML5的新特性,通过Web Storage,用...

  • H5 : web storage api

    web storage api:web-storage是一些关于web存储的api集. H5的web storag...

  • 自学:前端本地化存储(HTML5)

    常用的原生js设置本地化存储 Web storage Local Storage Local Storage ...

  • 储存

    如何使用Web storage

  • 2018-09-08笔面

    cookie弊端 优点 web Storage storage和cookie的区别 sessionStorage和...

  • Web Storage

    Web Storage API 为浏览器提供了一种比cookies更加直观的方式来存储键值对的机制。session...

  • Web Storage

    Web Storage实际上由两部分组成:sessionStorage与localStorage。 session...

  • Web Storage

    Web Storage:localStorage sessionStroage sessionStorage浏览器...

  • Web Storage

    Web Storage包括哪几种方式,区别是什么,没出现之前怎么做的 CookieWeb Storage4KB左右...

  • Web Storage

    关于Web Storage的那些事 Web Storage是一种将少量数据存储在客户端磁盘的技术 在支持WebSt...

网友评论

      本文标题:Web Storage

      本文链接:https://www.haomeiwen.com/subject/ykxjhktx.html