feat: 章节内容预加载 (#40)

aooiuu · Jul 17, 2024 · e184828 · e184828
1 parent 085e068
commit e184828
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/packages/web/.vscode/extensions.json b/packages/web/.vscode/extensions.json
@@ -1,3 +1,7 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": [
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "antfu.unocss"
+  ]
 }
diff --git a/packages/web/src/pages/common/content.ts b/packages/web/src/pages/common/content.ts
@@ -58,6 +58,17 @@ export function useContent(contentRef: Ref<HTMLElement>) {
     return item?.chapterPath || '';
   });
 
+  function preload(chapterPath: string) {
+    const key = 'preload@' + chapterPath;
+    if (!sessionStorage.getItem(key)) {
+      sessionStorage.setItem(key, '1');
+      getContent({
+        ...route.query,
+        chapterPath
+      });
+    }
+  }
+
   // 初始化
   async function init() {
     const { chapterPath: _chapterPath, filePath, ruleId, percentage } = route.query as Record<string, string>;
@@ -68,6 +79,13 @@ export function useContent(contentRef: Ref<HTMLElement>) {
       const chapterInfo = chaptersStore.chapters.find((e) => e.chapterPath === route.query.chapterPath);
       readStore.setPath(chapterInfo?.chapterPath || '');
       readStore.setTitle(chapterInfo?.name || '');
+
+      if (lastChapter.value) {
+        preload(lastChapter.value);
+      }
+      if (nextChapter.value) {
+        preload(nextChapter.value);
+      }
     });
     if (res?.code === 0) {
       content.value = res?.data?.content || '';