浏览器存储的方式有哪些


补充:cookie 原本并不是用来储存的,而是用来与服务端通信的,需要存取请自行封装 api

localStorage 则自带 getItemsetItem 方法,使用很方便。

localStorage 注意点:

1.localStorage 只能存字符串,存取 JSON 数据需配合 JSON.stringify()JSON.parse()

2.遇上禁用 setItem 的浏览器,需要使用 try...catch 捕获异常

session 是基于 cookie 实现的。cookie 保存在客户端浏览器中,而 session 保存在服务器上。cookie 机制是通过检查客户身上的“通行证”来确定客户身份的话,那么 session 机制就是通过检查服务器上的“客户明细表”来确认客户身份。session 相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。

cookiesession 的区别:

存在的位置:

cookie 存在于客户端,临时文件夹中;session 存在于服务器的内存中,一个 session 域对象为一个用户浏览器服务
安全性
cookie 是以明文的方式存放在客户端的,安全性低,可以通过一个加密算法进行加密后存放;session 存放于服务器的内存中,所以安全性好

生命周期(以 20 分钟为例)

1.cookie 的生命周期是累计的,从创建时,就开始计时,20 分钟后 cookie 生命周期结束;

2.session 的生命周期是间隔的,从创建时,开始计时如在 20 分钟,没有访问 session,那么 session 生命周期被销毁。但是,如果在 20 分钟内(如在第 19 分钟时)访问过 session,那么,将重新计算 session 的生命周期。关机会造成 session 生命周期的结束,但是对 cookie 没有影响
访问范围

3.cookie 为多个用户浏览器共享;session 为一个用户浏览器独享

浏览器存储的方式有哪些相关推荐

  1. 解决浏览器存储问题,不得不了解的cookie,localStorage和sessionStorage

    浏览器存储方式 一.浏览器存储的方式 二.cookie.localStorage和sessionStorage 1.cookie.localStorage和sessionStorage是什么? (1) ...

  2. 浏览器本地存储的方式~~~~~

    本地存储的方式:localStorage 和sessionStorage. 一.localStorage 1.特点:1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样).            ...

  3. 一文读懂浏览器存储与缓存机制

    浏览器存储 Cookie Cookie 是 HTTP 协议的一种无状态协议.当请求服务器时,HTTP 请求都需要携带 Cookie,用来验证用户身份.Cookie 由服务端生成,存储在客户端,用来维持 ...

  4. 浏览器存储,储存,Cookie,WebStorage,IndexedDB

    前言: Cookie存储数据的功能已经很难满足开发所需,逐渐被WebStorage.IndexedDB所取代: 一.Cookie 什么是Cookie及应用场景 Cookie指网站为了储存一些信息,辨别 ...

  5. 浏览器的储存方式有哪些

    常见的浏览器存储主要有: 1.属于文档对象模型:documentcookie, 2.属于浏览器对象模型localStorage,sessionStorage,indexDB Cookie h5之前,存 ...

  6. JS中本地存储的方式有哪些?

    我目前了解到的本地存储的方式有以下四种: 1.localStorage 2.sessionStorage 3.cookie 4.indexedDB 注:因为indexedDB本身是一个数据库,操作复杂 ...

  7. 前端缓存 浏览器存储

    目录 前言 一.浏览器存储 0.bfcache 1.WebStorage (1).sessionStorage 对象 (2).localStorage 对象 2.Cookie (1).cookie 与 ...

  8. 前端面试——浏览器存储浏览器缓存(http缓存机制)

    浏览器存储 cookie和session的区别 cookie数据存放在浏览器上,session存放在服务器上 cookie一般在客户端有大小限制,一般为4K,session没有限制,但是考虑到服务器性 ...

  9. 详解Javascript本地存储的方式、区别及应用场景

    详解Javascript本地存储的方式.区别及应用场景 一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...

最新文章

  1. Twiiter,下一个热点
  2. solr源码分析之solrclound
  3. 加油python_力扣——gas station (加油站) python实现
  4. 5分钟快速接入钉钉实现钉钉考勤
  5. Linux在线扫描热添加的SCSI/iSCSI设备
  6. enumerate()使用
  7. Android开发-Hello World+phonegap(Cordova)
  8. 想学 AI,先搞懂这件小事!
  9. 漏洞战争: 软件漏洞发展趋势
  10. 网络安全实验室 基础题 解析
  11. 【最全】BliBli,视频下载方法汇总!【最新】
  12. 希尔伯特变换分析及应用
  13. 电子签章系统解决方案
  14. mysql数据库定时清理数据
  15. 人工智能,机器学习, 深度学习框架图
  16. 十字隧道工程盾构机穿过马骝洲水道
  17. mysql优化 个人笔记 (mysql锁机制 ) 非礼勿扰 -m10
  18. 柔顺控制 - 技术发展综述
  19. 计算机网络部分习题答案
  20. 如何创建项目管理工作流程?

热门文章

  1. centos7设置基础软件仓库时出错
  2. 各大数据库厂商怎样看竞争对手
  3. 【知识图谱】实践篇——基于医疗知识图谱的问答系统实践(Part2):图谱数据准备与导入
  4. 【物联网实训项目】------(五)家庭智慧安防系统之智能监控
  5. cocos2dx android obb,cocos2dx 实现obb包读取 quick2.2.6
  6. python里的英文歌叫什么_Python告诉你:从《入海》到《消愁》毛不易的歌里都在唱些什么?...
  7. 为pr视频文件添加字幕
  8. Ubuntu安装NVIDIA 显卡驱动
  9. 高光谱成像的传感器和相机要求
  10. 如何修复网页被劫持、页面劫持的解决方法、详细