分享8个JavaScript库可更好地处理本地存储


Posted in Javascript onOctober 12, 2020

我为当前项目测试了一些本地存储库。想知道他们有什么很棒的功能吗?继续阅读。

Local Storage Bridge

https://github.com/krasimir/lsbridge

如果你必须在同一个浏览器中从一个标签页发送消息到另一个标签页,你不必用艰难的方式。Local storage bridge在这里让任务变得更简单。

基本使用:

// 发送
lsbridge.send(‘app.message.error', { error: ‘Out of memory' });

// 监听
lsbridge.subscribe(‘app.message.error', function(data) {
 console.log(data); // { error: ‘Out of memory' }
});

Basil.js

分享8个JavaScript库可更好地处理本地存储

Basil.js统一了session、localStorage和cookie,为你提供了一种处理数据的直接方法。

基本使用:

let basil = new Basil(options);

basil.set(‘name', ‘Amy');
basil.get(‘name');
basil.remove(‘name');
basil.reset();

store.js

https://github.com/krasimir/lsbridge

Store.js像其他东西一样处理数据存储。但还有更多的功能,它的一个高级特性是让你更深入地访问浏览器支持。

基本使用:

store.set(‘book', { title: ‘JavaScript' }); // Store a book
store.get(‘book'); // Get stored book
store.remove(‘book'); // Remove stored book
store.clearAll(); // Clear all keys

lscache

https://github.com/pamelafox/lscache

它与localStorage API类似。事实上,它是localStorage的一个封装器,并使用HTML5模拟memcaches函数。在上面的文档中发现更多的功能。

基本使用:

lscache.set(‘name', ‘Amy', 5); // 数据将在5分钟后过期
lscache.get(‘name');

Lockr

分享8个JavaScript库可更好地处理本地存储

Lockr建立在localStorage API之上。它提供了一些有用的方法来更轻松地处理本地数据。

是什么让你要使用此库而不是localStorage API?

好吧,localStorage API仅允许你存储字符串。如果要存储数字,则需要先将该数字转换为字符串。在Lockr中不会发生这种情况,因为Lockr允许你存储更多的数据类型甚至对象。

基本使用:

Lockr.set(‘name', ‘Amy');
Lockr.set(‘age', 28);
Lockr.set(‘books', [{title: ‘JavaScript', price: 11.0}, {title: ‘Python', price: 9.0}]);

Barn

github.com/arokor/barn

Barn在localStorage之上提供了一个类似Redis的API。如果持久性很重要,那么你将需要这个库来保持数据状态,以防发生错误。

基本使用:

let barn = new Barn(localStorage);

// 原始类型
barn.set(‘name', ‘Amy');
let name = barn.get(‘name'); // Amy

// List
barn.lpush(‘names', ‘Amy');
barn.lpush(‘names', ‘James');
let name1 = barn.rpop(‘names'); // Amy
let name2 = barn.rpop(‘names'); // James

localForage

https://github.com/localForage/localForage

这个简单而快速的库将通过IndexedDB或WebSQL使用异步存储来改善Web的脱机体验。它类似于localStorage,但具有回调功能。

基本使用:

localforage.setItem(‘name', ‘Amy', function(error, value) {
 // Do something
});

localforage.getItem(‘name', function(error, value) {
 if (error) {
  console.log(‘an error occurs');
 } else {
  // Do something with the value
 }
});

很神奇的是它提供中文文档

crypt.io

https://github.com/jas-/crypt.io

crypt.io使用标准JavaScript加密库实现安全的浏览器存储。使用crypto.io时,有三个存储选项:sessionStorage,localStorage或cookie。

基本使用:

let storage = crypto;
let book = { title: ‘JavaScript', price: 13 };

storage.set(‘book', book, function(error, results) {
 if (error) {
  throw error;
 }
 
 // Do something
});

storage.get(‘book', function(error, results) {
 if (error) {
  throw error;
 }
 // Do something
});

你还知道其他本地存储库吗?为什么使用它?

到此这篇关于分享8个JavaScript库可更好地处理本地存储 的文章就介绍到这了,更多相关JavaScript 本地存储库内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木! 

Javascript 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
javascript中的作用域scope介绍
Dec 28 Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
Java File类的常用方法总结
Mar 18 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
layui选项卡效果实现代码
May 19 Javascript
Angular中自定义Debounce Click指令防止重复点击
Jul 26 Javascript
浅析我对JS延迟异步脚本的思考
Oct 12 #Javascript
Webpack5正式发布,有哪些新特性
Oct 12 #Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 #Javascript
移动端JS实现拖拽两种方法解析
Oct 12 #Javascript
JavaScript读取本地文件常用方法流程解析
Oct 12 #Javascript
vue实现移动端返回顶部
Oct 12 #Javascript
用JavaScript实现贪吃蛇游戏
Oct 23 #Javascript
You might like
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
PHP 断点续传实例详解
2017/11/11 PHP
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
javascript实现仿腾讯游戏选择
2015/05/14 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
实例浅析js的this
2016/12/11 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
基于JavaScript实现微信抢红包功能
2017/07/20 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
vue父组件给子组件的组件传值provide inject的方法
2019/10/23 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python取代netcat过程分析
2018/02/10 Python
Python中文编码知识点
2019/02/18 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
jupyter 导入csv文件方式
2020/04/21 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
一份婚庆公司创业计划书
2014/01/11 职场文书
2014年医院工作总结
2014/11/20 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
标准发言稿结尾
2019/07/18 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python