javascript之store.js 轻松实现本地存储（LocalStorage）

最新推荐文章于 2022-04-11 20:11:41 发布

转载最新推荐文章于 2022-04-11 20:11:41 发布 · 593 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/lichaoqiang/blog/464782

文章标签：

#javascript #python #ViewUI

本文介绍两款JavaScript本地存储插件store.js和Storage.js，它们分别提供了简单的LocalStorage封装和HTML5本地存储功能，帮助开发者轻松实现数据持久化。文章详细展示了如何使用这些插件存储和获取键值对，以及如何存储轻量级JSON对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

store.js 是一个兼容绝大部分主流浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。

下面是store.js一段代码示例：

//存储键值对key-value
store.set('username', 'LCQ')
 
//根据key，获取存储的value值
store.get('username')
 
//移除指定的key数据
store.remove('username')
 
//清除所有key
store.clear()
 
//运用store.js存储轻量级的json对象
store.set('user', { name: 'lcq' })
 
//根据key,获取一个存储对象
var user = store.get('user')
console.log(user.name)；

该插件的下载地址：https://codeload.github.com/marcuswestin/store.js/zip/master

还有一种是叫Storage.js插件，是一个 jQuery 插件用于简化 HTML5 编辑，使用 HTML5 中的可编辑内容属性和本地存储，让你直接在浏览器上编辑内容并将编辑的内容临时保存于本地。就算浏览器重启也内容也不会丢失。这里是下载地址https://github.com/ekdevdes/storage.js/zipball/master

感兴趣的朋友，可以前去研究。

转载于:https://my.oschina.net/lichaoqiang/blog/464782