浏览器本地存储

浏览器本地存储方式
（1）Cookie
Cookie 是最早被提出来的本地存储方式，在此之前，服务端是无法判断网络中的两个请求是否是同一用户发起的，为解决这个问题，Cookie就出现了。Cookie的大小只有4kb，它是一种纯文本文件，每次发起HTTP请求都会携带Cookie
cookie 存储在客户端： cookie 是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。

cookie 是不可跨域的：每个 cookie 都会绑定单一的域名，无法在别的域名下获取使用
（2）LocalStorage
LocalStorage是HTML5新引入的特性，由于有的时候我们存储的信息较大，Cookie就不能满足我们的需求，这时候LocalStorage就派上用场了
LocalStorage的优点：
在大小方面，LocalStorage的大小一般为5MB，可以储存更多的信息
LocalStorage是持久储存，并不会随着页面的关闭而消失，除非主动清理，不然会永久存在
仅储存在本地，不像Cookie那样每次HTTP请求都会被携带
LocalStorage的缺点：
存在浏览器兼容问题，IE8以下版本的浏览器不支持
（3）SessionStorage
SessionStorage和LocalStorage都是在HTML5才提出来的存储方案，SessionStorage 主要用于临时保存同一窗口(或标签页)的数据，刷新页面时不会删除，关闭窗口或标签页之后将会删除这些数据。
SessionStorage与LocalStorage对比
SessionStorage和LocalStorage都在本地进行数据存储；
SessionStorage也有同源策略的限制，但是SessionStorage有一条更加严格的限制，SessionStorage只有在同一浏览器的同一窗口下才能够共享；
LocalStorage和SessionStorage都不能被爬虫爬取
（4）Cookie、LocalStorage、SessionStorage区别
浏览器端常用的存储技术是 cookie 、localStorage 和 sessionStorage
cookie：其实最开始是服务器端用于记录用户状态的一种方式，由服务器设置，在客户端存储，然后每次发起同源请求时，发送给服务器端。cookie 最多能存储 4 k 数据，它的生存时间由 expires 属性指定，并且 cookie 只能被同源的页面访问共享。
sessionStorage： html5 提供的一种浏览器本地存储的方法，它借鉴了服务器端 session 的概念，代表的是一次会话中所保存的数据。它一般能够存储 5M 或者更大的数据，它在当前窗口关闭后就失效了，并且 sessionStorage 只能被同一个窗口的同源页面所访问共享。
localStorage： html5 提供的一种浏览器本地存储的方法，它一般也能够存储 5M 或者更大的数据。它和 sessionStorage 不同的是，除非手动删除它，否则它不会失效，并且 localStorage 也只能被同源页面所访问共享。

浏览器本地存储Cookie、LocalStorage、SessionStorage相关推荐

本地存储-cookie|localStorage|sessionStorage|indexedDB
本地存储本地存储 cookie 如何工作问题 cookie标准限制属性 expires|max-age domain&path secure HttpOnly 设置cookie 服务端设 ...
本地存储(cookie/localStorage)
cookie 一.初识cookie 1.cookie是什么: cookie全程HTTP Cookie,是浏览器存储数据的一种方式. 因为存储在用户本地,而不是存储在服务器上,所以是本地存储一般会自动 ...
IndexedDB浏览器本地存储、缓存、数据库、介绍
目录 1.前言 2.IndexedDB简介 3.IndexedDB使用场景 4.IndexedDB特点 4.1.非关系型数据库 NoSql 4.2.持久化存储 4.3.异步操作 4.4.支持事务 4. ...
cookie localStorage sessionStorage _(¦3」∠)_ 看完你居然就懂了！！！
知识点 cookie sessionStorage localStorage cookie 本身用于浏览器和server通讯被 "借用" 到本地存储可用 document.co ...
浏览器本地存储的四种方式
浏览器的本地存储主要分为Cookie.WebStorage和IndexedDB,其中WebStorage又分为localStorage(本地存储)和sessionStorage(会话存储),下面我们一 ...
快来看啊 --- --- --- ＞＞＞＞浏览器本地存储 ~~~
1. 浏览器本地存储方式及使用场景 (1)Cookie Cookie是最早被提出来的本地存储方式,在此之前,服务端是无法判断网络中的两个请求是否是同一用户发起的,为解决这个问题,Cookie就出现了. ...
【前端浏览器】浏览器缓存（http缓存）浏览器本地存储（总结）
浏览器缓存 && 浏览器本地存储(总结) 文章目录浏览器缓存 && 浏览器本地存储(总结) 写在前面一.浏览器缓存(http缓存) 相关术语 1. 对浏览器的缓存机 ...
store.js - 轻松实现本地存储（LocalStorage）
store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globa ...
Vue2（九）：浏览器本地存储、组件自定义事件、TodoList自定义事件
Vue2学习笔记:第九章一.浏览器本地存储(WebStorage) 1.相关API 2.一些注意点 3.TodoList中的本地存储二.组件自定义事件 1.引出组件自定义事件 2.怎么给组件绑定? ...

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

文章目录

浏览器本地存储

浏览器本地存储Cookie、LocalStorage、SessionStorage相关推荐

最新文章

热门文章