浏览器存储的方式有哪些
浏览器存储的方式有哪些
补充:cookie
原本并不是用来储存的,而是用来与服务端通信的,需要存取请自行封装 api
。
而 localStorage
则自带 getItem
和 setItem
方法,使用很方便。
localStorage
注意点:
1.localStorage
只能存字符串,存取 JSON
数据需配合 JSON.stringify()
和 JSON.parse()
2.遇上禁用 setItem
的浏览器,需要使用 try...catch
捕获异常
session
是基于 cookie
实现的。cookie
保存在客户端浏览器中,而 session
保存在服务器上。cookie
机制是通过检查客户身上的“通行证”来确定客户身份的话,那么 session
机制就是通过检查服务器上的“客户明细表”来确认客户身份。session
相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。
cookie
和 session
的区别:
存在的位置:
cookie
存在于客户端,临时文件夹中;session
存在于服务器的内存中,一个 session
域对象为一个用户浏览器服务
安全性
cookie
是以明文的方式存放在客户端的,安全性低,可以通过一个加密算法进行加密后存放;session
存放于服务器的内存中,所以安全性好
生命周期(以 20 分钟为例)
1.cookie
的生命周期是累计的,从创建时,就开始计时,20 分钟后 cookie
生命周期结束;
2.session
的生命周期是间隔的,从创建时,开始计时如在 20 分钟,没有访问 session
,那么 session
生命周期被销毁。但是,如果在 20 分钟内(如在第 19 分钟时)访问过 session
,那么,将重新计算 session
的生命周期。关机会造成 session 生命周期的结束,但是对 cookie
没有影响
访问范围
3.cookie
为多个用户浏览器共享;session
为一个用户浏览器独享
浏览器存储的方式有哪些相关推荐
- 解决浏览器存储问题,不得不了解的cookie,localStorage和sessionStorage
浏览器存储方式 一.浏览器存储的方式 二.cookie.localStorage和sessionStorage 1.cookie.localStorage和sessionStorage是什么? (1) ...
- 浏览器本地存储的方式~~~~~
本地存储的方式:localStorage 和sessionStorage. 一.localStorage 1.特点:1.存储内容大小一般支持5MB左右(不同浏览器可能还不一样). ...
- 一文读懂浏览器存储与缓存机制
浏览器存储 Cookie Cookie 是 HTTP 协议的一种无状态协议.当请求服务器时,HTTP 请求都需要携带 Cookie,用来验证用户身份.Cookie 由服务端生成,存储在客户端,用来维持 ...
- 浏览器存储,储存,Cookie,WebStorage,IndexedDB
前言: Cookie存储数据的功能已经很难满足开发所需,逐渐被WebStorage.IndexedDB所取代: 一.Cookie 什么是Cookie及应用场景 Cookie指网站为了储存一些信息,辨别 ...
- 浏览器的储存方式有哪些
常见的浏览器存储主要有: 1.属于文档对象模型:documentcookie, 2.属于浏览器对象模型localStorage,sessionStorage,indexDB Cookie h5之前,存 ...
- JS中本地存储的方式有哪些?
我目前了解到的本地存储的方式有以下四种: 1.localStorage 2.sessionStorage 3.cookie 4.indexedDB 注:因为indexedDB本身是一个数据库,操作复杂 ...
- 前端缓存 浏览器存储
目录 前言 一.浏览器存储 0.bfcache 1.WebStorage (1).sessionStorage 对象 (2).localStorage 对象 2.Cookie (1).cookie 与 ...
- 前端面试——浏览器存储浏览器缓存(http缓存机制)
浏览器存储 cookie和session的区别 cookie数据存放在浏览器上,session存放在服务器上 cookie一般在客户端有大小限制,一般为4K,session没有限制,但是考虑到服务器性 ...
- 详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景 一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...
最新文章
- Twiiter,下一个热点
- solr源码分析之solrclound
- 加油python_力扣——gas station (加油站) python实现
- 5分钟快速接入钉钉实现钉钉考勤
- Linux在线扫描热添加的SCSI/iSCSI设备
- enumerate()使用
- Android开发-Hello World+phonegap(Cordova)
- 想学 AI,先搞懂这件小事!
- 漏洞战争: 软件漏洞发展趋势
- 网络安全实验室 基础题 解析
- 【最全】BliBli,视频下载方法汇总!【最新】
- 希尔伯特变换分析及应用
- 电子签章系统解决方案
- mysql数据库定时清理数据
- 人工智能,机器学习, 深度学习框架图
- 十字隧道工程盾构机穿过马骝洲水道
- mysql优化 个人笔记 (mysql锁机制 ) 非礼勿扰 -m10
- 柔顺控制 - 技术发展综述
- 计算机网络部分习题答案
- 如何创建项目管理工作流程?
热门文章
- centos7设置基础软件仓库时出错
- 各大数据库厂商怎样看竞争对手
- 【知识图谱】实践篇——基于医疗知识图谱的问答系统实践(Part2):图谱数据准备与导入
- 【物联网实训项目】------(五)家庭智慧安防系统之智能监控
- cocos2dx android obb,cocos2dx 实现obb包读取 quick2.2.6
- python里的英文歌叫什么_Python告诉你:从《入海》到《消愁》毛不易的歌里都在唱些什么?...
- 为pr视频文件添加字幕
- Ubuntu安装NVIDIA 显卡驱动
- 高光谱成像的传感器和相机要求
- 如何修复网页被劫持、页面劫持的解决方法、详细