refactor: streamline LoraCard event handling and implement virtual scrolling for improved performance

This commit is contained in:
Will Miao
2025-05-09 16:33:34 +08:00
parent 1121d1ee6c
commit 5dd8d905fa
6 changed files with 570 additions and 195 deletions

View File

@@ -7,7 +7,7 @@ import { HeaderManager } from './components/Header.js';
import { settingsManager } from './managers/SettingsManager.js';
import { exampleImagesManager } from './managers/ExampleImagesManager.js';
import { showToast, initTheme, initBackToTop, lazyLoadImages } from './utils/uiHelpers.js';
import { initializeInfiniteScroll } from './utils/infiniteScroll.js';
import { initializeVirtualScroll } from './utils/virtualScroll.js';
import { migrateStorageItems } from './utils/storageHelpers.js';
// Core application class
@@ -63,9 +63,9 @@ export class AppCore {
// Initialize lazy loading for images on all pages
lazyLoadImages();
// Initialize infinite scroll for pages that need it
// Initialize virtual scroll for pages that need it
if (['loras', 'recipes', 'checkpoints'].includes(pageType)) {
initializeInfiniteScroll(pageType);
initializeVirtualScroll(pageType);
}
return this;
@@ -81,4 +81,4 @@ document.addEventListener('DOMContentLoaded', () => {
export const appCore = new AppCore();
// Export common utilities for global use
export { showToast, lazyLoadImages, initializeInfiniteScroll };
export { showToast, lazyLoadImages, initializeVirtualScroll };