缓存

cookie与session的区别有:cookie以文本格式存储在浏览器上,存储量有限;而会话存储在服务端,可以无限量存储多个变量并且比cookie更安全

1、html5 中的 web Storage 包括了两种存储方式:sessionStorage 和 localStorage。
2、sessionStorage 用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问,会话结束后数据也随之销毁。
3、localStorage 用于存储一个域名下的需要永久存在在本地的数据,这些数据可以被一直访问,直到这些数据被删除。

Web Storage 和 cookie 的异同点及优劣势

Web Storage 和 cookie 有许多相同之处:·

  • 它们都可以用于存储用户数据
  • 它们存储数据的格式都是字符串形式
  • 它们存储的数据都有大小限制

Web Storage 和 cookie 也有不同之处:

  • 它们的生命周期不同。sessionStorage 的生命周期是一个会话,localStorage的生命周期是永久,cookie 的生命周期可以自定义,cookie 可以设置过期时间,数据在过期时间之前可以访问。
  • 它们的存储大小限制不同。大部分现代浏览器 Storage 的存储限制大小为 5M,cookie 的存储大小限制 为 4K。
  • 浏览器支持不同,API 调用方式不同。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 缓存问题一直是我们在日常开发中需要特别关注的事情。 在日常的开发中,做好数据的缓存能使我们的程序执行效率更高,并且...
    范佳昌ryan阅读 1,814评论 1 12
  • 前端的存储方式有:localStorage、sessionStorage、cookie、UserData、webS...
    xiaolizhenzhen阅读 868评论 1 0
  •   支持离线 Web 应用开发是 HTML5 的另一个重点。   所谓离线 Web 应用,就是在设备不能上网的情况...
    霜天晓阅读 1,077评论 0 2
  • 一、前言 工作上遇到一个这样的需求,一个H5页面在APP端,如果勾选已读状态,则下次打开该链接,会跳过此页面。用到...
    eraser123阅读 1,027评论 2 47
  • 1.‘古老的前端缓存方法’cookie cookie是我们所熟知的,也作cookies。cookie是存储在用户本...
    禾木Lwz阅读 677评论 0 0