'admin-21.05.27:新增utils下的storage.ts读取浏览器缓存新写法，建议使用'

package.json

@@ -7,7 +7,7 @@
 		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
 	},
 	"dependencies": {
-		"@antv/g6": "^4.3.0",
+		"@antv/g6": "^4.3.2",
 		"axios": "^0.21.1",
 		"clipboard": "^2.0.8",
 		"countup.js": "^2.0.7",
@@ -46,7 +46,7 @@
 		"prettier": "^2.3.0",
 		"sass": "^1.34.0",
 		"sass-loader": "^11.1.1",
-		"typescript": "^4.2.4",
+		"typescript": "^4.3.2",
 		"vite": "^2.3.4",
 		"vue-eslint-parser": "^7.6.0"
 	},

src/utils/storage.ts

@@ -35,3 +35,46 @@ export function removeSession(key: string) {
 export function clearSession() {
 	window.sessionStorage.clear();
 }
+
+// 新写法，简单易记，建议使用
+// 1、window.localStorage   浏览器永久缓存
+export const Local = {
+	// 设置永久缓存
+	set(key: string, val: any) {
+		window.localStorage.setItem(key, JSON.stringify(val));
+	},
+	// 获取永久缓存
+	get(key: string) {
+		let json: any = window.localStorage.getItem(key);
+		return JSON.parse(json);
+	},
+	// 移除永久缓存
+	remove(key: string) {
+		window.localStorage.removeItem(key);
+	},
+	// 移除全部永久缓存
+	clear() {
+		window.localStorage.clear();
+	},
+};
+
+// 2、window.sessionStorage 浏览器临时缓存
+export const Session = {
+	// 设置临时缓存
+	set(key: string, val: any) {
+		window.sessionStorage.setItem(key, JSON.stringify(val));
+	},
+	// 获取临时缓存
+	get(key: string) {
+		let json: any = window.sessionStorage.getItem(key);
+		return JSON.parse(json);
+	},
+	// 移除临时缓存
+	removeLocal(key: string) {
+		window.sessionStorage.removeItem(key);
+	},
+	// 移除全部临时缓存
+	clear() {
+		window.sessionStorage.clear();
+	},
+};