Optimieren der Leistung von React-Anwendungen: Eine effiziente Möglichkeit, eine große Anzahl von Projekten zu rendern

Ich entwickle eine React-Anwendung und muss eine große Liste von Elementen (Tausende Zeilen) anzeigen. Derzeit ist die Leistung sehr langsam, wenn der Benutzer durch die Liste scrollt oder Elemente filtert. Gibt es eine Möglichkeit, die Leistung meiner React-Anwendung zu optimieren, um die Benutzere...

P粉733166744 2024-01-16 20:43:20 0  1  419

Wenden Sie das Attribut „margin' auf das Element „fixed' und „z-index: 1' an

Es gibt eine Liste und ein Kommentarfeld. Das Kommentarfeld ist am Ende der Seite fixiert. Wenn die Liste lang ist, wird das Scrollen der Seite angewendet. Ich möchte, dass das Ende der Liste immer einen gewissen vertikalen Abstand vom oberen Rand des Kommentarfelds hat. Natürlich könnte ich das Att...

P粉986028039 2023-09-17 21:44:03 0  1  663

nginx - In Bezug auf das Problem der Verkleinerung des Javaweb-Projekts wurde nach der frühen Entwicklung festgestellt, dass der vom Projekt belegte Speicherplatz zu groß war, fast 1,2 GB. Wie kann die Verkleinerung der dynamischen Seiten erreicht werden?

1. So trennen Sie die dynamischen und statischen Seiten des Systems und importieren JSP zur Trennung. 2. Die WebRoot-Struktur des Projekts ist wie folgt: Bildbeschreibung 3. So trennen Sie diese Plug-Ins und statischen Dateien, damit sie nicht im Webroot-Verzeichnis abgelegt werden. Sie können den S...

高洛峰 2017-05-16 17:07:53 0  4  740

Verschieben Sie den Woocommerce-Link „Variante löschen' in die Schaltfläche „Zum Warenkorb hinzufügen'.

Ich habe den Link „Löschen“ aus der PHP-Datei des Themes entfernt, sodass die Option „Löschen“ nicht angezeigt wird, wenn eine Produktvariante ausgewählt wird. Der Link ist jetzt verschwunden, was Teil des Ziels war, aber der Link „Löschen“ hat immer noch Auswirkungen auf die Schaltfläche „In den Wa...

P粉018653751 2024-02-21 15:13:11 0  1  469

Wie stelle ich sicher, dass das Eingabefeld breit genug ist, um den Inhalt vollständig anzuzeigen?

Ich verwende eine Vuetify-Textfeldkomponente in einer Tabelle mit vielen Spalten. Möglicherweise enthält die Komponente zu viel Inhalt, um angezeigt zu werden, und aus Sicht des Benutzererlebnisses würde die Überprüfung des Inhalts durch Scrollen innerhalb des Felds bei vielen Zellen zu viel Zeit in...

P粉014218124 2023-09-02 22:36:56 0  2  559

Diese Route unterstützt die POST-Methode nicht. Unterstützte Methoden: GET, HEAD. laravelle 9

Zunächst einmal bin ich ein Anfänger und weiß, dass diese Frage schon mehrmals gestellt und beantwortet wurde. Da ich die Lösungen bereits ausprobiert bzw. die Vorschläge umgesetzt habe, bin ich hier für kompetente Hilfe! Was ich versucht habe: - @csrf zur Blade-Datei in meinem Formularelement hinzu...

P粉976737101 2024-03-27 16:43:09 0  1  393

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  763

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  697

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  591

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  547

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  976

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  494

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  679

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  744

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  644

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  583

Wie verwende ich die Firebase-Authentifizierung mit mehreren Anmeldemethoden und rollenbasierter Authentifizierung?

Ich erstelle eine React.js-Anwendung mit NodeJS als Backend und möchte diese Authentifizierungsmethoden verwenden, um mich mit E-Mail/Passwort anzumelden, mich mit Google anzumelden und mich per Telefon anzumelden. Jetzt möchte ich die Einzigartigkeit des Benutzers beibehalten, während ich den Namen...

P粉574695215 2023-09-05 12:18:10 0  1  638