一.簡介前端
localStorage會能夠將第一次請求的數據直接存儲到本地,這個至關於一個5M大小的針對於前端頁面的數據庫數據庫
——注意:在IE8以上的IE版本才支持localStorage這個屬性。localStorage屬於永久性存儲,若是存儲內容多的話會消耗內存空間,會致使頁面變卡。瀏覽器
二.具體使用方式以下:spa
1.localStorage - 沒有時間限制的數據存儲 對象
var arr=[1,2,3]; localStorage.setItem("temp",arr); //存入 參數: 1.調用的值 2.所要存入的數據
console.log(localStorage.getItem("temp"));//輸出
2.清空localStorage
localStorage.clear(); //
3.刪除鍵值對
localStorage.removeItem("arr");
注意:存入的數據只能以字符串形式存入。
三.提供轉JOSN數據方法:blog
//JSON對象轉JSON字符串
var obj = {"a": 1,"b": 2};
obj = JSON.stringify(obj); //轉化爲JSON字符串
localStorage.setItem("temp2", obj);
//JSON字符串轉JSON對象
obj=JSON.parse(localStorage.getItem("temp2"));
四.在谷歌瀏覽器查看 localStorage:內存