# **操作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