JavaScript LocalStorage的使用指南

在web浏览器中，web存储的api提供了在浏览器中以键值对的数据形式存储的机制。

常见的有localStorage和sessionStorage。本文主要介绍localStorage。

区别：

1.localStorage是存储在web浏览器里面的数据，只要不去清楚就会一直保存在浏览器即是关闭了页面。在谷歌的浏览器中存储的数据量高达5mb远大于cookie。

2.sessionStorage存储在web中的数据，如果页面标签关闭就会随着被清除掉。因此对于不一样的场景，localStorage和sessionStorage都有用武之地。

为什么会使用localstorage？

1.存储的是数据量很大 -5MB

2.因为 internet 可能不是在任何地方都可以持续访问，localStorage 使你能够离线工作。你也可以存储网页的状态，即使 HTTP 是无状态的。使用 localStorage，你不必每次重新打开浏览器并访问站点时都更改主题。

3.对开发人员比较友好：window.localStorage.setItem("Test data ", "Hello from localStorage")添加数据

4.存储的持久性