refactor: ♻️ 减少在 dm5 和 mangabz 上加载图片的请求次数

hymbz · Jul 15, 2024 · 623384b · 623384b
1 parent 6fac2d2
commit 623384b
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 12 deletions.
diff --git a/ComicRead.user.js b/ComicRead.user.js
@@ -10514,9 +10514,14 @@ const main = require('main');
             // manhuaren 和 1kkk 的移动端上会直接用一个变量存储所有图片的链接
             if (Array.isArray(unsafeWindow.newImgs) && unsafeWindow.newImgs.every(main.isUrl)) return unsafeWindow.newImgs;
             return dynamicUpdate(async setImg => {
-              for (let i = 0; i < imgNum;) {
-                const newImgs = await getPageImg(i + 1);
-                for (const url of newImgs) setImg(i++, url);
+              const imgList = new Set();
+              while (imgList.size < imgNum) {
+                // 因为每次会返回指定页数及上一页的图片链接，所以加个1减少请求次数
+                for (const url of await getPageImg(imgList.size + 1)) {
+                  if (imgList.has(url)) continue;
+                  imgList.add(url);
+                  setImg(imgList.size - 1, url);
+                }
               }
             }, imgNum)();
           },
@@ -10583,9 +10588,14 @@ const main = require('main');
           getImgList: ({
             dynamicUpdate
           }) => dynamicUpdate(async setImg => {
-            for (let i = 0; i < imgNum; i++) {
-              const newImgs = await getPageImg(i);
-              for (const url of newImgs) setImg(i, url);
+            const imgList = new Set();
+            while (imgList.size < imgNum) {
+              // 因为每次会返回指定页数及上一页的图片链接，所以加个1减少请求次数
+              for (const url of await getPageImg(imgList.size + 1)) {
+                if (imgList.has(url)) continue;
+                imgList.add(url);
+                setImg(imgList.size - 1, url);
+              }
             }
           }, imgNum)(),
           onNext: handlePrevNext('body > .container a[href^="/"]:last-child', '下一'),

diff --git a/src/index.ts b/src/index.ts
@@ -353,9 +353,14 @@ try {
             return unsafeWindow.newImgs as string[];
 
           return dynamicUpdate(async (setImg) => {
-            for (let i = 0; i < imgNum; ) {
-              const newImgs = await getPageImg(i + 1);
-              for (const url of newImgs) setImg(i++, url);
+            const imgList = new Set<string>();
+            while (imgList.size < imgNum) {
+              // 因为每次会返回指定页数及上一页的图片链接，所以加个1减少请求次数
+              for (const url of await getPageImg(imgList.size + 1)) {
+                if (imgList.has(url)) continue;
+                imgList.add(url);
+                setImg(imgList.size - 1, url);
+              }
             }
           }, imgNum)();
         },
@@ -434,9 +439,14 @@ try {
         name: 'mangabz',
         getImgList: ({ dynamicUpdate }) =>
           dynamicUpdate(async (setImg) => {
-            for (let i = 0; i < imgNum; i++) {
-              const newImgs = await getPageImg(i);
-              for (const url of newImgs) setImg(i, url);
+            const imgList = new Set<string>();
+            while (imgList.size < imgNum) {
+              // 因为每次会返回指定页数及上一页的图片链接，所以加个1减少请求次数
+              for (const url of await getPageImg(imgList.size + 1)) {
+                if (imgList.has(url)) continue;
+                imgList.add(url);
+                setImg(imgList.size - 1, url);
+              }
             }
           }, imgNum)(),
         onNext: handlePrevNext(