javascript - Was ist das Prinzip beim Laden von Bildern auf Zhihu?

Zunächst ist alles verschwommen, in der Bildschirmansicht ist es dann in hoher Auflösung zu sehen. Werden zu Beginn vorverarbeitete Bilder mit niedrigen Pixeln geladen und dann hochauflösende Bilder angezeigt? Oder ist es eine andere Methode?

我想大声告诉你 2017-05-24 11:32:17 0  4  732

Implementierung eines Pinterest-ähnlichen CSS-Rasters dynamischer Bilder in React

Deshalb versuche ich, CSSGrid zu verwenden, um eine Pinterest-ähnliche Bildergalerie zu erstellen. So können unterschiedlich hohe Bilder nebeneinander stehen und jedes Bild kann leeren Raum einnehmen. Aber alle Beispiele, die ich gesehen habe, fügen jedem Bild basierend auf der gewünschten Höhe unte...

P粉614840363 2024-03-21 20:21:31 0  1  518

javascript - Wie wird das Laden von Zhihus Bildern implementiert?

Siehe das Zhihu-Dokument. Wie evaluiere ich Visual Studio Code? Es gibt eine interessante Funktion auf der Seite. Anschließend wird ein Bild angezeigt, das wie eine Gaußsche Unschärfe aussieht. Das ist interessant ist es umgesetzt?

大家讲道理 2017-06-26 10:58:20 0  1  761

javascript – So erstellen Sie ein qualitativ hochwertiges Bild im Frontend, das mit mehreren Terminals kompatibel ist

Ich habe ein qualitativ hochwertiges Bild. Wie kann ich es mit mehreren Endgeräten, z. B. PC und mobilen Endgeräten, kompatibel machen?

淡淡烟草味 2017-05-16 13:36:58 0  3  535

Verhindern Sie, dass scrollIntoView() den Container an den Seitenanfang scrollt

Ich versuche, ein einfaches „hauptsächlich CSS“-Bildkarussell zu erstellen, das das Scrollen verwendet, aber auch über Navigationsschaltflächen zur Steuerung der aktuell angezeigten Folie verfügt. Die einzige Lösung, die ich gefunden habe, besteht darin, scrollIntoView() für das Zielelement zu verwe...

P粉690200856 2024-03-26 20:25:28 0  1  480

Javascript – Kompatibilitätsproblem mit der Rem-Einheit. Warum ist die Höhe des Browserbilds von Oppo unkontrolliert?

Während der Testphase gab es kein Problem. Beim Öffnen der Seite mit dem Browser, der mit dem Oppo-Telefon geliefert wurde, schlug jedoch alles fehl Die Höhe des Bildes ist fehlgeschlagen, und alle Bilder wurden vollständig deaktiviert. Warum das? Dies ist der JavaScript-Code, der Rem... steuert.

大家讲道理 2017-06-26 10:53:25 0  1  1150

html - CSS-Navigationsleiste ist unscharf, die Navigationsleiste ist fixiert und die Seite unten ist unscharf, wenn die Seite verschoben wird.

Nach langer Suche im Internet konnte ich keine Lösung finden, die sich dynamisch auf die Seite unten auswirken und sie unscharf machen kann. Dies ist ein Unschärfeeffekt von Station B. Er ist statisch. Das Prinzip besteht darin, zwei identische Bilder zu verwenden, einen Teil eines Bildes zu verwisc...

大家讲道理 2017-05-24 11:36:02 0  2  1106

So implementieren Sie dieses responsive Layout mit Flexbox

Ich erstelle eine React-App, die eine xy-Anzahl von Karten und ein einzelnes Widget in einem Flex-Container rendert. Alle Karten haben die gleiche Breite und Höhe, aber die Höhe des Widgets entspricht der Kartenhöhe * 2 + Zeilenabstand. Die Breite des Containers ändert sich je nach Breite des Ansich...

P粉733166744 2024-02-26 19:29:01 0  2  411

Verwenden Sie Tailwind CSS, um eine feste Breite und Höhe der Karten im CSS-Raster sicherzustellen

Ich erstelle eine App mit TailwindCSS und React und in einer der Ansichten habe ich ein Kartenraster. Derzeit sieht es so aus: Wie Sie sehen können, quetschen sich die Karten hinein, wenn ich das Fenster verkleinere. Ich möchte sicherstellen, dass die Kartengröße (Breite und Höhe) immer gleich bleib...

P粉184747536 2024-03-26 21:34:28 0  1  462

Festlegen der Breite der Codebox (PrismJS): Ein Leitfaden mit praktischen Tipps

Ich versuche also im Grunde, eine Breite für ein Codefeld festzulegen (ich verwende prismJS), und wenn ich zu viel Code hinzufüge, führt dies dazu, dass alles kaputt geht und die Breite und Höhe zunimmt. Ich möchte die Breite und Höhe angeben können. Wenn der Code also zu lang ist, wird einfach eine...

P粉392861047 2023-09-01 13:37:19 0  1  661

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

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

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

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

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

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

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

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