localStorage爲HTML5的本地存儲API,用於存儲前端的數據,關閉應用程序(瀏覽器)後數據不會丟失,只有手動清除纔會清除數據,有點兒像數據庫了,呵呵。可是,它只能存儲字符串,不能存儲好比json的其餘數據格式,因此寫個函數方便轉換數據形式。前端
localStorage原始取得緩存、存入緩存、清除(指定/全部)緩存的方法以下:es6
localStorage.getItem("key","value") localStorage.setItem("key") localStorage.removeItem("key") localStorage.clear()
封裝(es6語法):數據庫
const store = { setData(key,data){ localStorage.setItem(key,JSON.stringify(data)); }, getData(key){ return JSON.parse(localStorage.getItem(key)||'[]'); //若是數據是json,這裏寫成return JSON.parse(localStorage.getItem(key)||'{}'); } }