localforag离线缓存技术(兼容低版本浏览器)

最新推荐文章于 2024-08-15 09:17:19 发布

$(薛定谔的喵)

最新推荐文章于 2024-08-15 09:17:19 发布

阅读量582

点赞数

分类专栏： JavaScript 文章标签： localforag离线缓存技术(兼容老版本浏览器) HTML5离线缓存

本文链接：https://blog.csdn.net/Chad97/article/details/94608226

版权

localforage是一个JavaScript库，提供异步存储以改善Web应用的离线体验。它支持多种数据类型存储，并在浏览器不支持IndexedDB或WebSQL时优雅降级到localStorage。此库尤其适用于需要在低版本浏览器中存储复杂数据的场景，提供了SETITEM、GETITEM、REMOVEITEM等操作，以及方便的数据管理方法。

摘要由CSDN通过智能技术生成

localforag离线缓存技术

ocalForage 是一个 JavaScript 库，通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据，而不仅仅是字符串。
localForage 有一个优雅降级策略，若浏览器不支持 IndexedDB 或 WebSQL，则使用 localStorage。在所有主流浏览器中都可用：Chrome，Firefox，IE 和 Safari（包括 Safari Mobile）。
LOCALFORAGE 文档；

起因是，在一个比较老旧的.NET项目中要实现页面传值(传递大量的订单信息，且对数据结构有一定要求),考虑后决定使用HTML5 离线缓存技术，但是这个项目有一些用户任在使用一些低版本浏览器，决定使用LOCALFORAGE他是 firefox 推出的一个改进后的JavaScript 库

最重要的是他支持复杂的数据类型，而不是简单的字符串和链表,使用起来也比较简单

可以储存的数据类型

Array
ArrayBuffer
Blob
Float32Array
Float64Array
Int8Array
Int16Array
Int32Array
Number
Object
Uint8Array
Uint8ClampedArray
Uint16Array
Uint32Array
String

当使用 localStorage 和 WebSQL 作为后端时，二进制数据在保存（和检索）之前会被序列化。在保存二进制数据时，序列化会导致大小增大。

SETITEM- 储存

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.