本地存儲(chǔ)Cookie_localStorage_se

// 數(shù)據(jù)存儲(chǔ)到本地緩存const localSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.localStorage.setItem(key, JSON.stringify({ value, time }));} // 獲取本地緩存數(shù)據(jù)const localGet = (key) => { let obj = window.localStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 localStorage.removeItem(key); return null; } else { return data.value; } } return '';} // 清除本地緩存數(shù)據(jù)const localRemove = (key) => { if (key) { // 刪除鍵為name得緩存 window.localStorage.removeItem(key); } else { // 清空全部 window.localStorage.clear(); }} // 檢查本地緩存是否有值const localSeek = (name) => { if (!name) return; return window.localStorage.hasOwnProperty(name);} const local = { // 數(shù)據(jù)存儲(chǔ)到本地緩存 set: (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.localStorage.setItem(key, JSON.stringify({ value, time })); }, // 獲取本地緩存數(shù)據(jù) get: (key) => { let obj = window.localStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 localStorage.removeItem(key); return null; } else { return data.value; } } return ''; }, // 清除本地緩存數(shù)據(jù) remove: (key) => { if (key) { // 刪除鍵為name得緩存 window.localStorage.removeItem(key); } else { // 清空全部 window.localStorage.clear(); } }, seek: (name) => { if (!name) return; return window.localStorage.hasOwnProperty(name); },};sessionStorage 存儲(chǔ)

// 數(shù)據(jù)存儲(chǔ)到本地緩存const sessionSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.sessionStorage.setItem(key, JSON.stringify({ value, time }))} // 獲取本地緩存數(shù)據(jù)const sessionGet = (key) => { let obj = window.sessionStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 sessionStorage.removeItem(key); return null; } else { return data.value; } } return '';} // 清除本地緩存數(shù)據(jù)const sessionRemove = (key) => { if (key) { // 刪除鍵為name得緩存 window.sessionStorage.removeItem(key); } else { // 清空全部 window.sessionStorage.clear(); }} // 檢查本地緩存是否有值const sessionSeek = (name) => { if (!name) return; return window.sessionStorage.hasOwnProperty(name);} const session = { // 數(shù)據(jù)存儲(chǔ)到本地緩存 set: (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.sessionStorage.setItem(key, JSON.stringify({ value, time })); }, // 獲取本地緩存數(shù)據(jù) get: (key) => { let obj = window.sessionStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 sessionStorage.removeItem(key); return null; } else { return data.value; } } return ''; }, // 清除本地緩存數(shù)據(jù) remove: (key) => { if (key) { // 刪除鍵為name得緩存 window.sessionStorage.removeItem(key); } else { // 清空全部 window.sessionStorage.clear(); } }, seek: (name) => { if (!name) return; return window.sessionStorage.hasOwnProperty(name); },};cookie 存儲(chǔ)

npm i js-cookie

import cookies from "js-cookie";// 插件方式const cookie = { set: (name, value, expires, path) => { let exp = {}; if (expires && !path) { exp = { expires };//有效期 }; if (expires && path) { exp = { expires, path };//地址 } cookies.set(name, value, exp); }, get: (name) => { if (name) { // 取指定 return cookies.get(name); } else { // 取全部 return cookies.get(); } }, remove: (name, path) => { if (path) { cookies.remove(name, { path }); } else { cookies.remove(name); } },} // 原生const cookie2 = { set: (name, value, day) => { let d = new Date(); d.setDate(d.getDate() + (day || 30)); document.cookie = name + '=' + value + ';expires=' + d.toGMTString() + "; path=/;"; }, get: (name) => { let str = document.cookie; let arr = str.split('; '); for (let i = 0; i < arr.length; i++) { let newArr = arr[i].split('='); if (newArr[0] === name) { return newArr[1]; } } }, remove: (name) => { this.set(name, '', -1); },};源碼

import cookies from "js-cookie"; // 數(shù)據(jù)存儲(chǔ)到本地緩存const localSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.localStorage.setItem(key, JSON.stringify({ value, time }));} // 獲取本地緩存數(shù)據(jù)const localGet = (key) => { let obj = window.localStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 localStorage.removeItem(key); return null; } else { return data.value; } } return '';} // 清除本地緩存數(shù)據(jù)const localRemove = (key) => { if (key) { // 刪除鍵為name得緩存 window.localStorage.removeItem(key); } else { // 清空全部 window.localStorage.clear(); }} // 檢查本地緩存是否有值const localSeek = (name) => { if (!name) return; return window.localStorage.hasOwnProperty(name);} const local = { // 數(shù)據(jù)存儲(chǔ)到本地緩存 set: (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.localStorage.setItem(key, JSON.stringify({ value, time })); }, // 獲取本地緩存數(shù)據(jù) get: (key) => { let obj = window.localStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 localStorage.removeItem(key); return null; } else { return data.value; } } return ''; }, // 清除本地緩存數(shù)據(jù) remove: (key) => { if (key) { // 刪除鍵為name得緩存 window.localStorage.removeItem(key); } else { // 清空全部 window.localStorage.clear(); } }, seek: (name) => { if (!name) return; return window.localStorage.hasOwnProperty(name); },}; // 數(shù)據(jù)存儲(chǔ)到本地緩存const sessionSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.sessionStorage.setItem(key, JSON.stringify({ value, time }))} // 獲取本地緩存數(shù)據(jù)const sessionGet = (key) => { let obj = window.sessionStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 sessionStorage.removeItem(key); return null; } else { return data.value; } } return '';} // 清除本地緩存數(shù)據(jù)const sessionRemove = (key) => { if (key) { // 刪除鍵為name得緩存 window.sessionStorage.removeItem(key); } else { // 清空全部 window.sessionStorage.clear(); }} // 檢查本地緩存是否有值const sessionSeek = (name) => { if (!name) return; return window.sessionStorage.hasOwnProperty(name);} const session = { // 數(shù)據(jù)存儲(chǔ)到本地緩存 set: (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 時(shí)間,默認(rèn)存儲(chǔ)1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 window.sessionStorage.setItem(key, JSON.stringify({ value, time })); }, // 獲取本地緩存數(shù)據(jù) get: (key) => { let obj = window.sessionStorage.getItem(key); if (obj && obj !== undefined && obj !== null) { let data = JSON.parse(obj); if (new Date().getTime() > data.time) { // 過期 sessionStorage.removeItem(key); return null; } else { return data.value; } } return ''; }, // 清除本地緩存數(shù)據(jù) remove: (key) => { if (key) { // 刪除鍵為name得緩存 window.sessionStorage.removeItem(key); } else { // 清空全部 window.sessionStorage.clear(); } }, seek: (name) => { if (!name) return; return window.sessionStorage.hasOwnProperty(name); },}; // 插件方式const cookie = { set: (name, value, expires, path) => { let exp = {}; if (expires && !path) { exp = { expires };//有效期 }; if (expires && path) { exp = { expires, path };//地址 } cookies.set(name, value, exp); }, get: (name) => { if (name) { // 取指定 return cookies.get(name); } else { // 取全部 return cookies.get(); } }, remove: (name, path) => { if (path) { cookies.remove(name, { path }); } else { cookies.remove(name); } },} // 原生const cookie2 = { set: (name, value, day) => { let d = new Date(); d.setDate(d.getDate() + (day || 30)); document.cookie = name + '=' + value + ';expires=' + d.toGMTString() + "; path=/;"; }, get: (name) => { let str = document.cookie; let arr = str.split('; '); for (let i = 0; i < arr.length; i++) { let newArr = arr[i].split('='); if (newArr[0] === name) { return newArr[1]; } } }, remove: (name) => { this.set(name, '', -1); },}; // import localStorage from "等/utils/localStorage";// export default {// local,// session,// cookie2,// } // import { local, session, cookie, cookie2 } from "等/utils/localStorage";export { local, session, cookie, cookie2,}