# **操作localStorage**
> localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
>localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。
>localStorage 属性是只读的。
**提示:**如果你只想将数据保存在当前会话中,可以使用[sessionStorage](https://www.runoob.com/jsref/prop-win-sessionstorage.html)属性, 改数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
> 版本:无
```
<script type="text/javascript">
Every.use(['storage'],function(storage){
var lStorage = storage.localStorage;
/**
* 设置/储存缓存
* @Author 任鹏鹏
* @param {[string]} key [键]
* @param {[string]} value [值]
* @param {Function} callback [回调]
* set(key,value,callback);
*/
lStorage.set('test','嗯嗯');
lStorage.set('testjson',{a:1,b:1},function(status){
// dosomething...
});
/**
* 获取缓存
* @Author 任鹏鹏
* @param {[string]} key [键]
* @param {Function} callback [回调]
* get(key,callback)
*/
lStorage.get('testjson');
lStorage.get('testjson',function(value){
// dosomething...
});
/**
* 删除缓存
* @Author 任鹏鹏
* @param {[string]} key [键]
* @param {Function} callback [回调]
* remove(key,callback)
*/
lStorage.remove('testjson');
lStorage.remove('testjson',function(status){
// dosomething...
});
/**
* 清除所有缓存
* @Author 任鹏鹏
* @param {Function} callback [回调]
* clear(callback)
*/
lStorage.clear();
lStorage.clear(function(status){
// dosomething...
});
/**
* 获取所有的缓存
* @Author 任鹏鹏
* @param {Function} callback [回调]
* all(callback)
*/
lStorage.all();
lStorage.all(function(list){
console.log(list);
});
});
</script>
```
- 关于Every.js
- 如何使用
- 版本对应
- 全部模块
- jquery 瑞士军刀
- 模板引擎
- artTemplate.js 百度模板引擎
- doT.js 小而快的模板引擎
- mustache.js
- 图形 / 图像
- chart.js 基于 HTML5 的 JavaScript 图表库
- html2canvas 使用JavaScript截图
- d3.js 数据驱动文件
- 编码/加密
- md5.js 加密
- sha1.js 加密
- base64.js 加密解密
- 触摸/滑动/特效
- swiper5.js 强大的触摸屏插件
- WOW.js 让页面滚动更有趣
- 数据 / 存储 / 字符 / 数字
- clipboard 现代化的拷贝文字
- storage 浏览器存储
- localStorage
- sessionStorage
- underscore.js JavaScript 的实用工具
- store.js 跨浏览器的本地存储
- 时间 / 日期
- timeago.js 时间转换为几天前
- 其他插件
- zepto.js 小巧版的jquery