开发笔记:突破本地离线存储的JS库localforage

localforage.getItem(‘somekey‘).then(function(value) {
// 当离线仓库中的值被载入时，此处代码运行
console.log(value);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});
// 回调版本：
localforage.getItem(‘somekey‘, function(err, value) {
// 当离线仓库中的值被载入时，此处代码运行
console.log(value);
});

localforage.setItem(‘somekey‘, ‘some value‘).then(function (value) {
// 当值被存储后，可执行其他操作
console.log(value);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});
// 不同于 localStorage，你可以存储非字符串类型
localforage.setItem(‘my array‘, [1, 2, ‘three‘]).then(function(value) {
// 如下输出 `1`
console.log(value[0]);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});
// 你甚至可以存储 AJAX 响应返回的二进制数据
req = new XMLHttpRequest();
req.open(‘GET‘, ‘/photo.jpg‘, true);
req.responseType = ‘arraybuffer‘;
req.addEventListener(‘readystatechange‘, function() {
if (req.readyState === 4) { // readyState 完成
localforage.setItem(‘photo‘, req.response).then(function(image) {
// 如下为一个合法的 标签的 blob URI
var blob = new Blob([image]);
var imageURI = window.URL.createObjectURL(blob);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});
}
});

localforage.removeItem(‘somekey‘).then(function() {
// 当值被移除后，此处代码运行
console.log(‘Key is cleared!‘);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});

localforage.clear().then(function() {
// 当数据库被全部删除后，此处代码运行
console.log(‘Database is now empty.‘);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});

localforage.length().then(function(numberOfKeys) {
// 输出数据库的大小
console.log(numberOfKeys);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});

localforage.key(2).then(function(keyName) {
// key 名
console.log(keyName);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});

localforage.keys().then(function(keys) {
// 包含所有 key 名的数组
console.log(keys);
}).catch(function(err) {
// 当出错时，此处代码运行
console.log(err);
});

// 强制设置 localStorage 为后端的驱动
localforage.setDriver(localforage.LOCALSTORAGE);
// 列出可选的驱动，以优先级排序
localforage.setDriver([localforage.WEBSQL, localforage.INDEXEDDB]);

// 将数据库从 “localforage” 重命名为 “Hipster PDA App”
localforage.config({
name: ‘Hipster PDA App‘
});
// 将强制使用 localStorage 作为存储驱动，即使其他驱动可用。
// 可用配置代替 `setDriver()`。
localforage.config({
driver: localforage.LOCALSTORAGE,
name: ‘I-heart-localStorage‘
});
// 配置不同的驱动优先级
localforage.config({
driver: [localforage.WEBSQL,
localforage.INDEXEDDB,
localforage.LOCALSTORAGE],
name: ‘WebSQL-Rox‘
});