Flex-direction: Spalte verursacht extreme Verlangsamungen in Chrome und Safari
Ja, es ist definitiv langsamer, ich weiĂ nicht genau, was passiert, aber auf den ersten Blick könnte es diese Funktion sein, die prĂŒft, ob die Komponente ein Block (z. B. Div) oder ein Inline-Element (z. B. Span) ist. https://github.com/artf/grapesjs/blob/1214bbd957e88df78cd99491e53ab243010cd1ed/src/utils/Sorter.js#L5...
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Hallo,
Wir haben ein groĂes Problem â unsere Layouts verwenden groĂe Mengen an display: flex; flex-direction: column;, was zu extremen Verzögerungen in Chrome- und Safari-Browsern fĂŒhrt (nicht Firefox).
Wenn der flex-direction -Stil auf roweingestellt ist, gibt es ĂŒberhaupt keine Verlangsamung.
Beispiel: https://jsfiddle.net/gkeft254/ Klicken Sie auf ein inneres Element, duplizieren Sie es und ziehen Sie es hin und her.
Video:
[grapesjs slowdown.zip] (https://github.com/artf/grapesjs/Dateien/4234338/grapesjs.slowdown.zip)
Antworten (2)
Ja, es ist definitiv langsamer, ich weiĂ nicht genau, was passiert, aber auf den ersten Blick könnte es diese Funktion sein, die prĂŒft, ob die Komponente ein Block (z. B. Div) oder ein Inline-Element (z. B. Span) ist. https://github.com/artf/grapesjs/blob/1214bbd957e88df78cd99491e53ab243010cd1ed/sr...
Ich kann mich nicht mehr fortpflanzen
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #668
Wenn ein Element nicht zur Auswahl verfĂŒgbar ist, schlĂ€gt vor, fĂ€hrst und auf Ereignis klickt, um den verfĂŒgbaren Elternteil auszuwĂ€hlen.
Hallo @artf, kann ich eine Verbesserung fĂŒr den Select-Befehl haben? Wenn der Cursor auf das nicht auswĂ€hlbare Element klickt oder darĂŒber...
Problem #1224
Problem mit Medienabfragen und Klassenrendern
Hallo, Ich habe versucht, ein responsives Layout zu erstellen, aber festgestellt, dass der GerÀteschalter nicht zuverlÀssig funktioniert. D...
Problem #2403
Editor.load verursacht möglicherweise ein Speicherleck.
Wie man sich vermehrt:Naviagate nach https://grapesjs.com/demo.htmlĂffnen Sie die Browser-Konsole (Chrome) und tippen Sie Folgendes ein: 's...
Problem #1936
Absolute/Designer-Modus
Hallo zusammen, diese Ausgabe ist ein Ăberblick darĂŒber, was es ist, was getan wird, was zu tun ist und was praktisch ist, um die Funktion...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âDurchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.