本地存储

来源：佛山兄弟连IT培训学校时间：2019/8/16 8:43:19

本地存储最原始的方式就是cookie,cookie是存放在本地浏览器的一段文本，数据以键值对的形式保存，可以设置过期时间。但是cookie

不适合大量数据的存储，因为每请求一次页面，cookie都会发送给服务器，这使得cookie

速度很慢而且效率也不高。因此cookie的大小被限制为4k左右(不同浏览器可能不同,分HOST)，如下所示：

Firefox和Safari允许cookie多达4097个字节，包括名(name)、值(value)和等号。

Opera允许cookie多达4096个字节，包括：名(name)、值(value)和等号。

InternetExplorer允许cookie多达4095个字节，包括：名(name)、值(value)和等号。

在所有浏览器中，任何cookie大小超过限制都被忽略，且永远不会被设置。

html5提供了两种在客户端存储数据的新方法：localStorage和sessionStorage,它们都是以key/value

的形式来存储数据，前者是永久存储，后者的存储期限仅限于浏览器会话(session)，即当浏览器窗口关闭后，sessionStorage中的数据被清除。

localStorage的存储空间大约5M左右(不同浏览器可能不同，分

HOST)，这个相当于一个5M大小的前端数据库，相比于cookie，可以节约带宽，但localStorage在浏览器隐私模式下是不可读取的，当存储数据超过了localStorage

的存储空间后会抛出异常。

此外，H5还提供了逆天的Websql和

indexedDB，允许前端以关系型数据库的方式来存储本地数据，相对来说，这个功能目前应用的场景比较少，此处不作介绍。