照片墙优化

source/_posts/前端杂烩/照片墙开发记录.md

@@ -198,6 +198,8 @@ function loadMoreItems(step) {
       groupid++
       if(index<currentIndex+step) { // 如果加载的数据数量不足步长
         // 则需要再加载下一个分组, 下一个分组需要加载的图片数量是剩余的步长
+        let tempIndex = currentIndex
+        currentIndex = 0
         loadMoreItems(currentIndex + step - index) 
       }
     } else {

themes/yilia/package.json

@@ -3,7 +3,7 @@
   "version": "5.1.0",
   "description": "Hexo响应式主题",
   "scripts": {
-    "dev": "webpack --watch --mode development",
+    "dev": "webpack --watch --progress --mode development",
     "build": "webpack -p --mode production"
   },
   "repository": {

themes/yilia/source-src/js/photo-wall.js

@@ -34,7 +34,9 @@ function loadMoreItems(step) {
       groupid++
       if(index<currentIndex+step) { // 如果加载的数据数量不足步长
         // 则需要再加载下一个分组, 下一个分组需要加载的图片数量是剩余的步长
-        loadMoreItems(currentIndex + step - index) 
+        let tempIndex = currentIndex
+        currentIndex = 0
+        loadMoreItems(tempIndex + step - index) 
       }
     } else {
       currentIndex = index