diff --git a/package.json b/package.json
index b47fb574..1fc5d693 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "verkfi",
     "version": "1.7.0",
-    "devVersion": "854",
+    "devVersion": "859",
     "dev": true,
     "description": "Platform for Neila's something useless tools.",
     "private": true,
diff --git a/prebuild.ts b/prebuild.ts
index d4df8242..a0b9c6b4 100644
--- a/prebuild.ts
+++ b/prebuild.ts
@@ -22,14 +22,14 @@ const logger = new Logger({
 import Logger from "lp-logger";
 async function devMain() {
     const repoInfo = await getRepoInfo();
-    let commits = Number(ChildProcess.execSync("git log --oneline | wc -l").toString().replace(/\n/g, "")),
-        oldPackage = <typeof pack>JSON.parse(fs.readFileSync("package.json").toString());
+    let commits = Number(ChildProcess.execSync("git log --oneline | wc -l").toString().replace(/\n/g, ""));
+    const oldPackage = <typeof pack>JSON.parse(fs.readFileSync("package.json").toString());
     commits++;
     oldPackage.description = repoInfo.description;
     oldPackage.devVersion = commits.toString();
     logger.log(`计算出devVersion为${commits}`);
     fs.writeFileSync("package.json", JSON.stringify(oldPackage, null, 4));
-    let oldManifest = <Manifest>JSON.parse(fs.readFileSync("public/index.webmanifest").toString());
+    const oldManifest = <Manifest>JSON.parse(fs.readFileSync("public/index.webmanifest").toString());
     oldManifest.description = repoInfo.description;
     oldManifest.short_name = repoInfo.name;
     oldManifest.name = repoInfo.name;
diff --git a/src/app/Menu.tsx b/src/app/Menu.tsx
index eaefca8f..02cae7f8 100644
--- a/src/app/Menu.tsx
+++ b/src/app/Menu.tsx
@@ -216,12 +216,11 @@ export default function Menu() {
                                         sortingFor={"__home__"}
                                         setTools={tools => null}
                                         editMode={false}
-                                        paramTool={recentlyUsed.map(to => {
-                                            var tool: tool | 0 = 0
-                                                || realTools.find(single => single.to === to)
-                                                || convertExtensionTools(extensionTools).find(single => `/tools/extension?tool=${to}` === single.to);
-                                            return tool;
-                                        }).filter((item: tool | 0) => item !== 0 && item !== undefined) as unknown as tool[]} />
+                                        paramTool={recentlyUsed.map(to => (
+                                            0
+                                            || realTools.find(single => single.to === to)
+                                            || convertExtensionTools(extensionTools).find(single => `/tools/extension?tool=${to}` === single.to))
+                                        ).filter((item: tool | 0) => item !== 0 && item !== undefined) as unknown as tool[]} />
                                 </Box>
                             </Box>
                             <Box>
diff --git a/src/app/components/matrix/matrix.ts b/src/app/components/matrix/matrix.ts
index 1ed0a045..aa96d4dd 100644
--- a/src/app/components/matrix/matrix.ts
+++ b/src/app/components/matrix/matrix.ts
@@ -9,7 +9,7 @@ export const logger = new LpLogger({
 });
 export type block = [number, number];
 export default function drawMatrix(blocks: block[], g: number, posX: number, posZ: number, posCache: block, cache: block[], palette: Palette, onlyPos: boolean) {
-    var e = Number(window.getComputedStyle(document.getElementById("canvascontainer").parentElement.children[0]).width.replace("px", "")), // Decrepated: Math.max(w, h),
+    const e = Number(window.getComputedStyle(document.getElementById("canvascontainer").parentElement.children[0]).width.replace("px", "")), // Decrepated: Math.max(w, h),
         nowPos: block = [posX, posZ],
         cachePosBlock: block[] = [],
         posBlock: block[] = [];
diff --git a/src/app/index/DownButton.tsx b/src/app/index/DownButton.tsx
index e042a143..0f51e1f0 100644
--- a/src/app/index/DownButton.tsx
+++ b/src/app/index/DownButton.tsx
@@ -32,7 +32,7 @@ export default function DownButton(props: {
                 }} onClick={event => {
                     event.stopPropagation();
                     props.setTools(draft => {
-                        var pd = draft.slice(0);
+                        const pd = draft.slice(0);
                         downGo(pd, pd.indexOf(props.tool));
                         buttonCommonSorting(props.sortingFor, pd);
                         return pd;
diff --git a/src/app/index/EditToolsListDialog.tsx b/src/app/index/EditToolsListDialog.tsx
index 4a0ceda7..d8e2f3cc 100644
--- a/src/app/index/EditToolsListDialog.tsx
+++ b/src/app/index/EditToolsListDialog.tsx
@@ -52,13 +52,13 @@ export default function EditToolsListDialog(props: {
         createOrEdit = !edit(list) ? get("category.创建分类") : get("category.编辑分类"),
         extensionTools = useContext(extensions).value,
         converted = convertExtensionTools(extensionTools),
-        toolsList = useToolsList(getTools(get));
-    var right = toolsList.concat(converted).filter(atool => atool !== undefined).map(atool => atool.name).filter(v => props.left.every(val => val !== v));
+        toolsList = useToolsList(getTools(get)),
+        right = toolsList.concat(converted).filter(atool => atool !== undefined).map(atool => atool.name).filter(v => props.left.every(val => val !== v));
     return (
         <PureDialog action={(
             <ButtonGroup fullWidth>
                 <Button variant="contained" onClick={event => {
-                    var listDraft: lists = list.slice(0),
+                    const listDraft: lists = list.slice(0),
                         index = list.findIndex(singleList => singleList[0] === dialogListName),
                         have: boolean = index !== -1;
                     if (index !== -1) {
diff --git a/src/app/index/Selects.tsx b/src/app/index/Selects.tsx
index 356f6a63..028e1fcd 100644
--- a/src/app/index/Selects.tsx
+++ b/src/app/index/Selects.tsx
@@ -181,7 +181,7 @@ export default function Selects(props: {
                         title: get("category.删除此分类"),
                         description: get("category.确定删除此分类吗？"),
                         onTrue: () => {
-                            var listDraft: lists = list.slice(0).filter(draftSingle => draftSingle[0] !== dialogListName)
+                            const listDraft: lists = list.slice(0).filter(draftSingle => draftSingle[0] !== dialogListName)
                             setList(listDraft);
                             lists.set(listDraft);
                             setDialogListName("");
diff --git a/src/app/index/SingleTool.tsx b/src/app/index/SingleTool.tsx
index 580fc9d6..9c36ad71 100644
--- a/src/app/index/SingleTool.tsx
+++ b/src/app/index/SingleTool.tsx
@@ -108,13 +108,13 @@ export default function SingleTool(props: {
             onSwipedRight: data => {
                 switch (homeWhere) {
                     case "most": {
-                        let old = mostUsed.value;
+                        const old = mostUsed.value;
                         Reflect.deleteProperty(old, tool.to);
                         mostUsed.set(old);
                         break;
                     }
                     case "recently": {
-                        let old = recentlyUsed.value;
+                        const old = recentlyUsed.value;
                         recentlyUsed.set(removeArrayItem(old, tool.to));
                         break;
                     }
diff --git a/src/app/index/UpButton.tsx b/src/app/index/UpButton.tsx
index a69b3aee..f8e0cd18 100644
--- a/src/app/index/UpButton.tsx
+++ b/src/app/index/UpButton.tsx
@@ -32,7 +32,7 @@ export default function UpButton(props: {
                 }} size="large" edge="end" onClick={event => {
                     event.stopPropagation();
                     props.setTools(draft => {
-                        var pd = draft.slice(0);
+                        const pd = draft.slice(0);
                         upGo(pd, pd.indexOf(props.tool));
                         buttonCommonSorting(props.sortingFor, pd);
                         return pd;
diff --git a/src/app/index/searchBase.tsx b/src/app/index/searchBase.tsx
index 6f6d33e9..a60be152 100644
--- a/src/app/index/searchBase.tsx
+++ b/src/app/index/searchBase.tsx
@@ -3,10 +3,10 @@ import {
     tool
 } from "tools/info";
 export default function searchBase(sortedTools: tool[], search: string) {
-    var calcTools: tool[] = [];
-    const lower = String(search).toLowerCase();
+    const calcTools: tool[] = [],
+        lower = String(search).toLowerCase();
     sortedTools.forEach(tool => {
-        var to = String(tool.to);
+        const to = String(tool.to);
         if (tool.desc.toLowerCase().includes(lower) || to.includes(search) || tool.name.toLowerCase().includes(lower)) calcTools.push(tool);
     });
     return calcTools;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7ebf6f2a..3e92f682 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,7 @@ import {
     getRepoInfo
 } from "components/getRepoInfo";
 export async function generateMetadata() {
-    var url = new URL(pack.homepage);
+    let url = new URL(pack.homepage);
     try {
         url = new URL(process.env.VERKFI_URL)
     } catch {
diff --git a/src/app/layout/desktopAdder.ts b/src/app/layout/desktopAdder.ts
index 333ae62d..9ecbec8b 100644
--- a/src/app/layout/desktopAdder.ts
+++ b/src/app/layout/desktopAdder.ts
@@ -12,7 +12,7 @@ const desktopAdder = () => {
         },
     };
     //@ts-ignore 不是，你不能安装PWA还强行安装，指定没好果汁吃奥
-    var deferredPrompt: BeforeInstallPromptEvent = defaultPrompt;
+    let deferredPrompt: BeforeInstallPromptEvent = defaultPrompt;
     // 监听beforeinstallprompt事件，该事件在网站满足PWA安装条件时触发，保存安装事件
     window.addEventListener("beforeinstallprompt", (event: BeforeInstallPromptEvent) => {
         event.preventDefault();
diff --git a/src/app/layout/layoutClient.tsx b/src/app/layout/layoutClient.tsx
index 2a233872..33921c61 100644
--- a/src/app/layout/layoutClient.tsx
+++ b/src/app/layout/layoutClient.tsx
@@ -106,7 +106,7 @@ export const darkMode = createContext<{
 }>(null);
 export function useLightMode() {
     const gotContext = useContext(darkMode).mode;
-    var value: boolean = true;
+    let value = true;
     switch (gotContext) {
         case "dark":
             value = false;
diff --git a/src/app/layout/useLang.ts b/src/app/layout/useLang.ts
index 7bcac0b2..ec5a23b7 100644
--- a/src/app/layout/useLang.ts
+++ b/src/app/layout/useLang.ts
@@ -12,7 +12,7 @@ import {
 import settingReader from 'setting/settingReader';
 import useSWR from 'swr';
 const useLang = () => {
-    var browserLang: string = "zhCN";
+    let browserLang: string = "zhCN";
     if (isBrowser()) {
         if (window.navigator.language || window.navigator.languages) {
             browserLang = ((window.navigator.languages && window.navigator.languages[0]) || window.navigator.language).split("-").join("") || "zhCN";
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40385ab0..567a16fb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -53,12 +53,6 @@ import {
 import getParamTools from 'index/getParamTools';
 import VerkfiIcon from 'components/verkfiIcon/verkfiIcon';
 import generateTries from 'index/generateTries';
-import db, {
-    single
-} from 'db';
-import {
-    useLiveQuery
-} from 'dexie-react-hooks';
 import convertExtensionTools from 'index/convertExtensionTools';
 import MouseOverPopover from 'components/Popover';
 export default function Index(props: {
@@ -70,7 +64,6 @@ export default function Index(props: {
      * 搜索内容
      */
     children?: string;
-    ref?;
     expand?: boolean;
     setExpand?: setState<boolean>;
 }): JSX.Element {
@@ -79,10 +72,6 @@ export default function Index(props: {
         extensionTools = useContext(extensions).value,
         router = useRouter(),
         toolsList = useToolsList(realTools),
-        refThis = useRef(),
-        {
-            ref = refThis
-        } = props,
         showSidebar = useContext(showSidebarContext),
         first = useContext(firstContext),
         recentlyUsed = useContext(recentlyUsedContext).value,
@@ -102,20 +91,16 @@ export default function Index(props: {
         tries = useMemo(() => generateTries(mostUsed, realTools), [mostUsed, realTools]),
         recentlyTools = recentlyUsed.map(to => {
             const converted = convertExtensionTools(extensionTools);
-            var tool: tool | 0 = 0
+            return 0
                 || realTools.find(single => single.to === to)
                 || converted.find(single => `/tools/extension?tool=${to}` === single.to);
-            return tool;
         }).filter((item: tool | 0) => item !== 0) as unknown as tool[],
         [sortingFor, setSortingFor] = useState<string>(props.isImplant ? "__global__" : "__home__");
+    let expand = expandThis,
+        setExpand = setExpandThis;
     if (props.setExpand) {
-        var {
-            expand,
-            setExpand
-        } = props;
-    } else {
-        var expand = expandThis,
-            setExpand = setExpandThis;
+        expand = props.expand;
+        setExpand = props.setExpand;
     }
     /**
      * 搜索工具
@@ -161,7 +146,7 @@ export default function Index(props: {
         );
     }
     return (props.isImplant ? showSidebar.show : true) && (
-        <Box ref={ref}>
+        <Box>
             {props.isImplant !== true && (
                 <HeadBar isIndex pageName="Verkfi" sx={{
                     zIndex: theme => String((theme as ThemeHaveZIndex).zIndex.drawer + 1)
diff --git a/src/app/service-worker.ts b/src/app/service-worker.ts
index f34403ea..56821721 100644
--- a/src/app/service-worker.ts
+++ b/src/app/service-worker.ts
@@ -16,7 +16,7 @@ import pages from "./pages.json";
     "keycode",
     "readnumber",
 ]; */
-declare let self: ServiceWorkerGlobalScope;
+declare const self: ServiceWorkerGlobalScope;
 export const Cache = `Verkfi-${version}-${dev == true ? `dev${devVersion}` : "prod"}`, // C
     log = (text: string) => console.log(`%cServiceWorker`, `background: #52c41a;border-radius: 0.5em;color: white;font-weight: bold;padding: 2px 0.5em`, text),
     clearOldCaches = async () => {
@@ -62,16 +62,16 @@ self.addEventListener('activate', event => event.waitUntil((async () => {
  */
 self.addEventListener('fetch', event => {
     if (event.request.method !== 'GET') return;
-    let requrl = event.request.url;
-    let url = String(requrl);
+    const requrl = event.request.url,
+        url = String(requrl),
+        urled = new URL(url),
+        path = urled.pathname.split("/");
     if (url.startsWith("chrome-extension://")) return;
-    let urled = new URL(url);
     let response: Response; // 可能为空的响应
-    let path = urled.pathname.split("/");
     path.shift();
     event.respondWith((async () => {
-        const cache = await caches.open(Cache);
-        var realReq = event.request.clone();
+        const cache = await caches.open(Cache),
+            realReq = event.request.clone();
         log(`抓取: ${url}`);
         if (path[0] === "handle") {
             const toPath = `/tools/${urled.searchParams.get("handle").replace(/web\+verkfi:\/\//g, "")}`;
diff --git a/src/app/setting/getCache.tsx b/src/app/setting/getCache.tsx
index 7d43e728..3a193e4b 100644
--- a/src/app/setting/getCache.tsx
+++ b/src/app/setting/getCache.tsx
@@ -3,14 +3,5 @@ import {
 } from "./consts";
 export default async function getCache(type: "usage" | "quota") {
     const estimate = await navigator.storage.estimate();
-    var _ret: number = 0;
-    switch (type) {
-        case 'usage':
-            _ret = estimate.usage / MB;
-            break;
-        case 'quota':
-            _ret = estimate.quota / MB;
-            break;
-    }
-    return _ret;
+    return type === "usage" ? estimate.usage / MB : estimate.quota / MB;
 }
diff --git a/src/app/tools/audiotools/getRecording.ts b/src/app/tools/audiotools/getRecording.ts
index 813d5939..5f32460b 100644
--- a/src/app/tools/audiotools/getRecording.ts
+++ b/src/app/tools/audiotools/getRecording.ts
@@ -4,18 +4,21 @@ import {
     isBrowser
 } from "layout/layoutClient";
 export default async function getRecording(onStop: (blob: Blob) => any, onDataAvailable?: (blob: Blob) => any, log = true) {
-    var mediaRecorder: MediaRecorder;
-    class logger {
-        private static lpLogger = new LpLogger({
-            name: "AudioTools",
-            level: "log", // 空字符串时，不显示任何信息
-        });
-        static log(...a) {
+    let mediaRecorder: MediaRecorder;
+    class Logger extends LpLogger {
+        constructor() {
+            super({
+                name: "AudioTools",
+                level: "log", // 空字符串时，不显示任何信息
+            });
+        }
+        log(...a) {
             if (log) {
-                this.lpLogger.log(...a);
+                super.log(...a);
             }
         };
     }
+    const logger = new Logger();
     if (isBrowser() && navigator.mediaDevices.getUserMedia) {
         const constraints = {
             audio: true
@@ -27,7 +30,7 @@ export default async function getRecording(onStop: (blob: Blob) => any, onDataAv
                 "audio/mpeg",
             ].find(a => MediaRecorder.isTypeSupported(a));
         const stream = await navigator.mediaDevices.getUserMedia(constraints);
-        var chunks: Blob[] = [];
+        const chunks: Blob[] = [];
         logger.log("授权成功。");
         mediaRecorder = new MediaRecorder(stream, {
             mimeType
@@ -43,7 +46,7 @@ export default async function getRecording(onStop: (blob: Blob) => any, onDataAv
             onStop(new Blob(chunks, {
                 type: mimeType
             }));
-            chunks = [];
+            chunks.splice(0, chunks.length)
         };
         mediaRecorder.onpause = event => {
             logger.log("录音已暂停");
diff --git a/src/app/tools/cylinder/makeCylinder.ts b/src/app/tools/cylinder/makeCylinder.ts
index 99ef8f88..4bafeb07 100644
--- a/src/app/tools/cylinder/makeCylinder.ts
+++ b/src/app/tools/cylinder/makeCylinder.ts
@@ -12,8 +12,7 @@ export default function makeCylinder(
     thickness: number,
     filled: boolean
 ): block[] {
-    var blocks: block[] = [];
-    const height = 1;
+    const blocks: block[] = [];
     function setBlock(x: number, z: number) {
         const pushOne = (a: number, b: number) => blocks.push([Number(a.toFixed(0)) - 1, Number(b.toFixed(0)) - 1]);
         pushOne(radiusX + x, radiusZ + z);
@@ -23,29 +22,29 @@ export default function makeCylinder(
     }
     radiusX += 0.5;
     radiusZ += 0.5;
-    var invRadiusX = 1 / radiusX;
-    var invRadiusZ = 1 / radiusZ;
-    var ceilRadiusX = Math.ceil(radiusX);
-    var ceilRadiusZ = Math.ceil(radiusZ);
-    var xSqr: number;
-    var zSqr: number;
-    var distanceSq: number;
-    var nextXn = 0;
+    const invRadiusX = 1 / radiusX,
+        invRadiusZ = 1 / radiusZ,
+        ceilRadiusX = Math.ceil(radiusX),
+        ceilRadiusZ = Math.ceil(radiusZ);
+    let xSqr: number,
+        zSqr: number,
+        distanceSq: number,
+        nextXn = 0;
     if (thickness != 0) {
-        var nextMinXn = 0;
-        var minInvRadiusX = 1 / (radiusX - thickness);
-        var minInvRadiusZ = 1 / (radiusZ - thickness);
-        forX: for (var x = 0; x <= ceilRadiusX; ++x) {
-            var xn = nextXn;
-            var dx2 = nextMinXn * nextMinXn;
+        let nextMinXn = 0;
+        const minInvRadiusX = 1 / (radiusX - thickness),
+            minInvRadiusZ = 1 / (radiusZ - thickness);
+        forX: for (let x = 0; x <= ceilRadiusX; ++x) {
+            const xn = nextXn,
+                dx2 = nextMinXn * nextMinXn;
             nextXn = (x + 1) * invRadiusX;
             nextMinXn = (x + 1) * minInvRadiusX;
-            var nextZn = 0;
-            var nextMinZn = 0;
+            let nextZn = 0,
+                nextMinZn = 0;
             xSqr = xn * xn;
-            forZ: for (var z = 0; z <= ceilRadiusZ; ++z) {
-                var zn = nextZn;
-                var dz2 = nextMinZn * nextMinZn;
+            forZ: for (let z = 0; z <= ceilRadiusZ; ++z) {
+                const zn = nextZn,
+                    dz2 = nextMinZn * nextMinZn;
                 nextZn = (z + 1) * invRadiusZ;
                 nextMinZn = (z + 1) * minInvRadiusZ;
                 zSqr = zn * zn;
@@ -63,13 +62,13 @@ export default function makeCylinder(
             }
         }
     } else {
-        forX: for (var x = 0; x <= ceilRadiusX; ++x) {
-            var xn = nextXn;
+        forX: for (let x = 0; x <= ceilRadiusX; ++x) {
+            const xn = nextXn;
             nextXn = (x + 1) * invRadiusX;
-            var nextZn = 0;
+            let nextZn = 0;
             xSqr = xn * xn;
-            forZ: for (var z = 0; z <= ceilRadiusZ; ++z) {
-                var zn = nextZn;
+            forZ: for (let z = 0; z <= ceilRadiusZ; ++z) {
+                const zn = nextZn;
                 nextZn = (z + 1) * invRadiusZ;
                 zSqr = zn * zn;
                 distanceSq = xSqr + zSqr;
diff --git a/src/app/tools/mathgen/calcMath.ts b/src/app/tools/mathgen/calcMath.ts
index 412bd0d4..161117e1 100644
--- a/src/app/tools/mathgen/calcMath.ts
+++ b/src/app/tools/mathgen/calcMath.ts
@@ -9,12 +9,12 @@ import {
     setState
 } from "declare";
 export default function calcMath(calcs: calc[], subtractionCheck: boolean, divisionCheck: boolean, max: number, min: number, itemCount: number, setMath: setState<string[]>) {
-    var calcMaths: string[] = [];
+    const calcMaths: string[] = [];
     calcs.forEach(function (mode) {
         const modeS = mode.replace("×", "*").replace("÷", "/")
         function genMathS(): [number, number, number] {
-            var one: number = genNumber(max, min),
-                two: number = genNumber(max, min);
+            const one = genNumber(max, min);
+            let two = genNumber(max, min);
             if (subtractionCheck || divisionCheck) {
                 switch (mode) {
                     case "-":
@@ -29,8 +29,8 @@ export default function calcMath(calcs: calc[], subtractionCheck: boolean, divis
             }
             return [one, two, eval(`${one} ${modeS} ${two}`)];
         }
-        for (var step = 1; step < (itemCount / (calcs.length)); step++) {
-            var [one, two, out] = genMathS(),
+        for (let step = 1; step < (itemCount / (calcs.length)); step++) {
+            let [one, two, out] = genMathS(),
                 math = `${one}${mode}${two}=${out}`;
             function reGenMath() {
                 [one, two, out] = genMathS();
diff --git a/src/app/tools/pi/generatePis.ts b/src/app/tools/pi/generatePis.ts
index 891afb68..6f68f747 100644
--- a/src/app/tools/pi/generatePis.ts
+++ b/src/app/tools/pi/generatePis.ts
@@ -1,7 +1,7 @@
 "use client";
 import generateDigitsOfPi from "./generateDigitsOfPi";
 export default function generatePis(ws: number) {
-    var ret = "3.",
+    let ret = "3.",
         generaterInstance = generateDigitsOfPi();
     for (let i = 0; i < ws; i++) {
         ret += (generaterInstance.next().value as number).toString();
diff --git a/src/app/tools/pillar/page.tsx b/src/app/tools/pillar/page.tsx
index 12b91427..d4ee77de 100644
--- a/src/app/tools/pillar/page.tsx
+++ b/src/app/tools/pillar/page.tsx
@@ -140,7 +140,7 @@ export default function Pillar(): JSX.Element {
                                             <MouseOverPopover text={filterRules[ruleIndex][3] ? get("filter.disableRule") : get("filter.enableRule")}>
                                                 <IconButton edge="start" onClick={event => {
                                                     setFilterRules(old => {
-                                                        var realOld = old.slice(0),
+                                                        const realOld = old.slice(0),
                                                             oldRule = rule.slice(0) as filterRule,
                                                             oldEnabled = oldRule[3];
                                                         oldRule[3] = !oldEnabled;
diff --git a/src/app/tools/reversal/page.tsx b/src/app/tools/reversal/page.tsx
index db08d0a9..1c26e8db 100644
--- a/src/app/tools/reversal/page.tsx
+++ b/src/app/tools/reversal/page.tsx
@@ -66,7 +66,7 @@ function Reversal(): JSX.Element {
                     mt: 1
                 }}>
                     <Button variant="contained" onClick={() => {
-                        var stageOutput: [string, number][] = wordList;
+                        const stageOutput: [string, number][] = wordList;
                         stageOutput.sort(() => {
                             return Math.random() - 0.5;
                         });
diff --git a/src/app/tools/shaizi/shaiziCanvas.tsx b/src/app/tools/shaizi/shaiziCanvas.tsx
index e79bd561..74615c99 100644
--- a/src/app/tools/shaizi/shaiziCanvas.tsx
+++ b/src/app/tools/shaizi/shaiziCanvas.tsx
@@ -46,13 +46,13 @@ function Cube(props: {
             <camera ref={camera} position={[10, 10, 10]} />
             <mesh ref={mesh} args={[cube, materials]} onClick={event => {
                 if (stage.current.length === 0) {
-                    var oldStage = [];
+                    const oldStage = [];
                     while (oldStage.toString() === cacheStage.current.toString())
                     for (let step = 0; step < props.cishu; step++) {
                         oldStage.push(randomAxis());
                     }
                     if (oldStage.toString() === cacheStage.current.toString()) {
-                        oldStage = [];
+                        oldStage.splice(0, oldStage.length)
                         for (let step = 0; step < props.cishu; step++) {
                             oldStage.push(randomAxis());
                         }