本地儲存 --- HTML、jQuery、Vue、小程序、uni-app

HTML本地儲存

window.localStorage - 存儲沒有截止日期的數據，當瀏覽器被關閉時數據不會被刪除
window.sessionStorage - 針對一個 session 來存儲數據（當關閉瀏覽器標籤頁時數據會丟失）

localStorage 使用：
// 存儲
localStorage.setItem("lastname", "Gates");
localStorage.lastname= 'Gates';
// 取回
localStorage.getItem("lastname");
localStorage.lastname
// 刪除
localStorage.removeItem("lastname");

sessionStorage 使用：
// 存儲
sessionStorage.setItem("lastname", "Gates");
// 取回
sessionStorage.getItem("lastname");
// 刪除
sessionStorage.removeItem("lastname");

jQuery本地儲存

cookie： cookie 存儲在本地，容量最大4k，在同源的http請求時攜帶傳遞，損耗帶寬，可設置訪問路徑，只有此路徑及此路徑的子路徑才能訪問此cookie，在設置的過期時間之前有效。

//寫cookie（名字，值，{有效期，路徑}）
$.cookie('mycookie','123',{expires:7,path:'/'}); 
//jquery 獲取cookie
$.cookie('mycookie');

localStorage 、sessionStorage 同HTML本地儲存

Vue本地儲存

localStorage 、sessionStorage
sessionStorage和localStorage的用法和HTML基本一致，引用類型的值要轉換成JSON

儲存：

//對象
const info = {name: "huo", age: 18,id: "1"}
//字符串
const str = "haha";

localStorage.setItem('huo',JSON.stringify(info));

localStorage.setItem('zheng',str)

獲取：

var data1 = JSON.parse(localStorage.getItem('hou'));

var data2 = localStorage.getItem('zheng')

刪除：

//刪除某個
localStorage.removeItem("hou")

//刪除所有
localStorage.clear();

小程序本地儲存

設置本地儲存：

wx.setStorage({
	key: 'apply',  //存儲的名字
	data: ""   //要存儲的數據
})

獲取本地儲存：

wx.getStorage({
	key: 'apply',
	success: (res) => {
    	//res.data爲返回的數據  成功後可執行操作
    }
})

刪除：

wx.removeStorage({
	key: 'apply',
	success: (res) => {
    	//res.data爲返回的數據  成功後可執行操作
    }
})

清除所有：

wx.clearStorage()

uni-app本地儲存

同小程序，只是把wx. 改爲 uni.
例如：uni.setStorage