随身笔记
随身笔记

localforage.js - 本地存储

数据本地存储Cookies、LocalStorage和IndexedDB

web storage和cookie区别以及store.js使用

localStorage 能够让你实现基本的数据存储,但它的速度慢,而且不能处理二进制数据,是同步的不能异步。

 

IndexedDB 和 WebSQL 是异步的,速度快,支持大数据集,但他们的API 使用起来有点复杂。不仅如此,IndexedDB 和 WebSQL 没有被所有的主流的浏览器厂商支持,这种情况最近也不太可能改变。

 

localForage 是一个使用非常简单的 JavaScript 库的,提供了 get,set,remove,clear 和 length 等等 API,还具有以下特点:

支持回调的异步 API;
支持 IndexedDB,WebSQL 和 localStorage 三种存储模式(自动为你加载最佳的驱动程序);
支持 BLOB 和任意类型的数据,让您可以存储图片,文件等等。
支持 ES6 Promises;

 

使用方法

 <script src="localforage.js"></script>
 <script>
 localforage.setItem('user_1_photo', '123').then(function(photo) {
    alert(photo); //同时设置好数据成功后,获取数据并回调
 });
 
 //或者
 
 localforage.getItem('user_1_photo').then(function(photo) {
    console.log(photo); //先获取到数据成功后回调
 });
 </script>

 

提示:处理小数据并且是字符串话使用localStorage和sessionStorage就可以了,localforage.js都可以临时缓存MP3数据大小。

http://pan.baidu.com/s/1ntzU6LF

 

随身笔记

localforage.js - 本地存储
数据本地存储Cookies、LocalStorage和IndexedDB web storage和cookie区别以及store.js使用 localStorage 能够让你实现基本的数据存储,但它的速度慢,而且不能处理二进制数据,是同…
扫描二维码继续阅读
2015-10-26