本文介绍了HTML5中的三种浏览器存储方式：localStorage、sessionStorage和IndexedDB。localStorage和sessionStorage提供键值对存储，前者永久保存，后者会话结束后清除。IndexedDB则是一个低级API，允许存储大量结构化数据，支持事务和高性能搜索，常用于复杂数据存储。这三种存储方式各有应用场景，共同丰富了WebApp的本地数据管理能力。
你知道的浏览器存储有哪些，他们的区别是什么?
随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp” ——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲 美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储 技术的提升。cookie 存储数据的功能已经很难满足开发所需，逐渐被 WebStorage、IndexedDB 所取代，本文将介绍这几种存储方式的差异和优缺点。
HTML5 中新引入的浏览器存储方式 localStorage, sessionStorage, indexDB 接下来我们挨个看一看。
LocalStorage
- LocalStorage 的特点
- 保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据。
- 大小为 5M 左右
- 仅在客户端使用，不和服务端进行通信
- 接口封装较好
基于上面的特点，LocalStorage 可以作为浏览器本地缓存方案，用来提升网页 首屏渲染速度(根据第一请求返回时，将一些不变信息直接存储在本地)。
- 存入/读取数据
- localStorage 保存的数据，以“键值对”的形式存在。也就是说，每一项数据 都有一个键名和对应的值。所有的数据都是以文本格式保存。
- 存入数据使用 setItem 方法。它接受两个参数，第一个是键名，第二个是保存的 数据。
localStorage.setItem("key","value");
- 读取数据使用 getItem 方法。它只有一个参数，就是键名。
var valueLocal = localStorage.getItem("key");- 具体代码:
<body>
<div id="name"></div>
<div id<
最低0.47元/天 解锁文章
1812
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
