Javascript – Reagieren Sie auf unendlich verzögertes Laden

Verwenden Sie beim Scrollen der Seite „react.js“, um ein unendliches Lazy Loading ohne Plug-Ins zu erreichen.

黄舟 2017-06-15 09:22:36 0  2  865

Vue Lazy-Loading-Banner

Ich habe 5 Banner auf der Seite, die ich je nach Klick des Benutzers ein- oder ausblenden kann. Zu diesem Zeitpunkt kommen die Bannerdaten von der API und ich iteriere die Bannerkomponente für jeden Bannereintrag in der API. Haben Sie eine Idee, wie ich das Bild erst herunterladen kann, nachdem der ...

P粉041758700 2024-03-28 23:03:47 0  1  526

Wann sollten Sie die Lazy-Loading-Funktion von React verwenden?

Ich habe eine ziemlich große Anwendung und die Bundle-Größe beträgt jetzt etwa 2 MB (ungefähr 3 Blöcke). Um die Ladezeiten zu verbessern, habe ich beschlossen, das relativ neue ReactLazy zu verwenden. Hier ist ein Beispiel für Lazy Loading: constWizard=React.lazy(()=>import('./components/wizards/...

P粉976737101 2023-08-24 23:11:02 0  2  550

Gibt es ein Ereignis dafür, dass ein DOM-Element in das Fenster gescrollt wird?

Wenn ich beispielsweise Bilder verzögert laden möchte, gibt es ein Ereignis, das das Ereignis darstellt, das auftritt, wenn das img-DOM im Browser nach unten scrollt und das DOM zum aktuellen Fenster des Benutzers scrollt?

PHPz 2017-05-19 10:39:49 0  1  491

Javascript – Vue-Lazy-Loading-Plug-in-Bilder werden nicht aktualisiert

Bei Verwendung dieser beiden Plug-Ins lazy-load-imgvue-lazy-load-img bleiben die verzögert geladenen Bilder unverändert, wenn neue Daten die ursprüngliche Warenliste ersetzen. {Code...}

phpcn_u1582 2017-06-12 09:20:53 0  2  675

java – Mybatis-bezogene Abfrage

In der tatsächlichen Entwicklung verwenden Mybatis-Eins-zu-Viele- und Viele-zu-Viele-bezogene Abfragen die reultMap-Referenz, die JavaType-Referenz oder die ausgewählte Referenz. Welche hat eine bessere Leistung? Verbessert die Verwendung von Select Lazy Loading die Abfragegeschwindigkeit und -leist...

ringa_lee 2017-05-27 17:41:50 0  1  723

Erfahren Sie, wie Sie ein CDN verwenden, um Lazy-Loading-Blöcke für Vue JS bereitzustellen

Ich entwickle eine einseitige Anwendung, die in Vue.js3 geschrieben und mit VueCLI5 (Webpack5) erstellt wurde. Die Anwendung wird von einer auf AWS bereitgestellten Laravel-Anwendung bereitgestellt, und das Bereitstellungstool ist LaravelVapor. Das Tool lädt außerdem alle statischen Ressourcen (eins...

P粉718165540 2024-01-16 12:01:53 0  1  459

javascript – Fragen Sie bezüglich des asynchronen Ajax-Ladens nach dem Problem der Datenverzögerung

Definieren Sie außerhalb ein leeres Array, stellen Sie dann eine Ajax-Anfrage, verschachteln Sie eine weitere Anfrage innerhalb der Anfrage, spleißen Sie sie schließlich in drei Objekte und fügen Sie das leere Array ein. Dann drucke ich die Array-Länge auf die äußerste Seite und die gedruckte Länge ...

阿神 2017-06-30 09:53:44 0  6  721

javascript - Wie optimiere ich die Geschwindigkeit beim Öffnen von Webseiten?

1. Reduzieren Sie die Anzahl der Dateianfragen, 2. Verwenden Sie Sprite-Bilder. 3. Verwenden Sie Lazy Loading. (Wie kann ich die Anzahl der Dateianfragen reduzieren?) (Warum kann es optimiert werden, indem die Anzahl der Dateianfragen reduziert wird? Wenn ich 10 10.000-Dateien und eine 100.000-Datei...

淡淡烟草味 2017-06-10 09:48:27 0  3  683

Warum verändert sich Vue DOM so langsam?

Ich habe eine Liste mit 2000 Eingabe-Kontrollkästchen. Bei der gleichzeitigen Auswahl kommt es zu einer merklichen Verzögerung von ca. 2 Sekunden (und der Browser friert ein). Dies scheint bei Vue und React der Fall zu sein, nicht jedoch bei Svelte, jQuery oder Vanilla. Bei über 5.000 Kontrollkästch...

P粉596191963 2024-03-26 10:09:21 0  1  591

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  931

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  802

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  682

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  658

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1076

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  561

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  759

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  811