localStorage为HTML5的本地存储API,用于存储前端的数据,关闭应用程序(浏览器)后数据不会丢失,只有手动清除才会清除数据,有点儿像数据库了,呵呵。但是,它只能存储字符串,不能存储比如json的其他数据格式,所以写个函数方便转换数据形式。
localStorage原始取得缓存、存入缓存、清除(指定/所有)缓存的方法如下:
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)||'{}'); } }