Backend-Entwicklung
PHP-Tutorial
javascript - Wie erreicht man das in Taobao oder JD.com? Die Originalgröße der Bilder in der Bilderliste ist gleich.
javascript - Wie erreicht man das in Taobao oder JD.com? Die Originalgröße der Bilder in der Bilderliste ist gleich.
Ich habe kürzlich eine Produktlistenseite erstellt. Nachdem ich online gegangen war, stellte sich heraus, dass es sich um eine Bildverformung handelte Das Verhältnis des im Hintergrund hochgeladenen Bildes unterschied sich von dem durch mein eigenes CSS gesteuerten Bildgrößenverhältnis.
Also habe ich mir E-Commerce-Websites wie Taobao und JD.com angesehen und festgestellt, dass die Bildgrößen alle die gleiche Größe oder Proportion haben 
Geht dies beim Hochladen von Bildern über den Hintergrund nach einheitlichen Spezifikationen oder gibt es beim Hochladen von Bildern im Hintergrund keine Größenbeschränkung und kann nach Belieben hochgeladen und per Code verarbeitet werden?
Antwortinhalt:
Ich habe kürzlich eine Produktlistenseite erstellt. Nachdem ich online gegangen war, stellte sich heraus, dass es sich um eine Bildverformung handelte Das Verhältnis des im Hintergrund hochgeladenen Bildes unterschied sich von dem durch mein eigenes CSS gesteuerten Bildgrößenverhältnis.
Also habe ich mir E-Commerce-Websites wie Taobao und JD.com angesehen und festgestellt, dass die Bildgrößen alle die gleiche Größe oder Proportion haben
Geht dies beim Hochladen von Bildern über den Hintergrund nach einheitlichen Spezifikationen oder gibt es beim Hochladen von Bildern im Hintergrund keine Größenbeschränkung und kann nach Belieben hochgeladen und per Code verarbeitet werden?
Beim Hochladen von Produkten müssen Sie nur ein hochauflösendes Originalbild hochladen, und der Server löst dieses Problem durch Komprimierungstechnologie.
Der Server speichert mehrere Sätze von Bildern unterschiedlicher Größe
Fügen Sie beim Anfordern des img-Tags eine Kennung zur Adresse hinzu, und der Server komprimiert das Bild in Echtzeit
Beide dieser beiden Methoden können implementiert werden. Im letzteren Fall werden mehrere Anforderungen mehrfach komprimiert. Die erste Methode besteht darin, den Verbrauch der Festplatte zu erhöhen. Die beiden Optionen 2 haben Eigenschaften und können je nach Ihrer tatsächlichen Situation ausgewählt werden.
Einige Optimierungsmethoden können später hinzugefügt werden, z. B. Caching.
<code><img data-lazy-img="done" width="130" height="130" title="【京东超市】蒙牛 纯甄 常温酸牛奶 200g*12 礼盒装" src="//img12.360buyimg.com/n1/s130x130_jfs/t3163/260/532931768/76885/977fb56c/57b9d838Nda11d3bb.jpg"></code>
Der Tag oben ist die Bildgröße in der Adressleiste des Produktbildes auf der JD.com-Homepage. s130x130 ist der Bildgrößenindikator.
Im Hintergrund hochgeladen, wird Taobao auch im Hintergrund hochgeladen
Dies kann nicht vollständig per Programm bewältigt werden und es müssen entsprechende Anforderungen an die Betreiber gestellt werden.
Der Versuch, sich bei der Bewältigung aller Probleme auf Programme zu verlassen, ist dasselbe wie der Versuch, einen vollständig ausgeschalteten Computer dazu zu bringen, seine eigene Stromquelle zu finden und hochzufahren.
Sie müssen zuerst den Taobao-Hintergrundbild-Upload-Prozess ausprobieren, der tatsächlich ein Upload-Plug-in zum Zuschneiden und Komprimieren aller Bilder verwendet, und es wird automatisch konvertiert Proportionsformat auf Taobao.
Für Ihre Frage schlage ich vor, dass Sie ein besseres Plug-in zum Hochladen von Bildern finden, den Anteil beim Hochladen von Bildern steuern und die Bildqualität an der Quelle steuern.
Optimieren Sie gleichzeitig den Upload-Vorgang und geben Sie Tipps. Verwenden Sie auffällige Eingabeaufforderungen, um Benutzer über bestimmte Anforderungen zu informieren.
Ich empfehle ein kostenloses Plug-in zum Hochladen und Zuschneiden von Bildern: http://www.w3cschool.cn/jquer...
Ein ähnliches Plug-in zum Hochladen ist besser geeignet. Wenn Sie stapelweise hochladen, finden Sie natürlich ein Skript zum Abfangen von Bildern, um das Abfangen von Stapeln zu implementieren.
Ich persönlich schlage jedoch vor, dass es für Bilder, die dem E-Commerce ähneln, angemessener wäre, das Größenverhältnis in der Bildverarbeitungsphase von Tools wie PS zu verarbeiten. Sie können uns die Anforderungen an das Bildverhältnis für Ihre Website senden. Es wird außerdem empfohlen, dass Ihr Bildverhältnis so nah wie möglich am Verhältnis großer Plattformen wie Taobao liegt. Dies erleichtert auch die Wiederverwendung von Kundenmaterialbildern und verbessert das Benutzererlebnis .
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Erklären Sie JSON Web Tokens (JWT) und ihren Anwendungsfall in PHP -APIs.
Apr 05, 2025 am 12:04 AM
JWT ist ein offener Standard, der auf JSON basiert und zur sicheren Übertragung von Informationen zwischen Parteien verwendet wird, hauptsächlich für die Identitätsauthentifizierung und den Informationsaustausch. 1. JWT besteht aus drei Teilen: Header, Nutzlast und Signatur. 2. Das Arbeitsprinzip von JWT enthält drei Schritte: Generierung von JWT, Überprüfung von JWT und Parsingnayload. 3. Bei Verwendung von JWT zur Authentifizierung in PHP kann JWT generiert und überprüft werden, und die Funktionen und Berechtigungsinformationen der Benutzer können in die erweiterte Verwendung aufgenommen werden. 4. Häufige Fehler sind Signaturüberprüfungsfehler, Token -Ablauf und übergroße Nutzlast. Zu Debugging -Fähigkeiten gehört die Verwendung von Debugging -Tools und Protokollierung. 5. Leistungsoptimierung und Best Practices umfassen die Verwendung geeigneter Signaturalgorithmen, das Einstellen von Gültigkeitsperioden angemessen.
Wie analysiert und verarbeitet man HTML/XML in PHP?
Feb 07, 2025 am 11:57 AM
Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet
PHP -Programm zum Zählen von Vokalen in einer Zeichenfolge
Feb 07, 2025 pm 12:12 PM
Eine Zeichenfolge ist eine Folge von Zeichen, einschließlich Buchstaben, Zahlen und Symbolen. In diesem Tutorial wird lernen, wie Sie die Anzahl der Vokale in einer bestimmten Zeichenfolge in PHP unter Verwendung verschiedener Methoden berechnen. Die Vokale auf Englisch sind a, e, i, o, u und sie können Großbuchstaben oder Kleinbuchstaben sein. Was ist ein Vokal? Vokale sind alphabetische Zeichen, die eine spezifische Aussprache darstellen. Es gibt fünf Vokale in Englisch, einschließlich Großbuchstaben und Kleinbuchstaben: a, e, ich, o, u Beispiel 1 Eingabe: String = "TutorialPoint" Ausgabe: 6 erklären Die Vokale in der String "TutorialPoint" sind u, o, i, a, o, ich. Insgesamt gibt es 6 Yuan
Erklären Sie die späte statische Bindung in PHP (statisch: :).
Apr 03, 2025 am 12:04 AM
Statische Bindung (statisch: :) implementiert die späte statische Bindung (LSB) in PHP, sodass das Aufrufen von Klassen in statischen Kontexten anstatt Klassen zu definieren. 1) Der Analyseprozess wird zur Laufzeit durchgeführt.
Brechen oder aus Java 8 Stream foreach zurückkehren?
Feb 07, 2025 pm 12:09 PM
Java 8 führt die Stream -API ein und bietet eine leistungsstarke und ausdrucksstarke Möglichkeit, Datensammlungen zu verarbeiten. Eine häufige Frage bei der Verwendung von Stream lautet jedoch: Wie kann man von einem Foreach -Betrieb brechen oder zurückkehren? Herkömmliche Schleifen ermöglichen eine frühzeitige Unterbrechung oder Rückkehr, aber die Stream's foreach -Methode unterstützt diese Methode nicht direkt. In diesem Artikel werden die Gründe erläutert und alternative Methoden zur Implementierung vorzeitiger Beendigung in Strahlverarbeitungssystemen erforscht. Weitere Lektüre: Java Stream API -Verbesserungen Stream foreach verstehen Die Foreach -Methode ist ein Terminalbetrieb, der einen Vorgang für jedes Element im Stream ausführt. Seine Designabsicht ist
Was sind PHP Magic -Methoden (__construct, __Destruct, __call, __get, __set usw.) und geben Sie Anwendungsfälle an?
Apr 03, 2025 am 12:03 AM
Was sind die magischen Methoden von PHP? Zu den magischen Methoden von PHP gehören: 1. \ _ \ _ Konstrukt, verwendet, um Objekte zu initialisieren; 2. \ _ \ _ Destruct, verwendet zur Reinigung von Ressourcen; 3. \ _ \ _ Call, behandeln Sie nicht existierende Methodenaufrufe; 4. \ _ \ _ GET, Implementieren Sie den dynamischen Attributzugriff; 5. \ _ \ _ Setzen Sie dynamische Attributeinstellungen. Diese Methoden werden in bestimmten Situationen automatisch aufgerufen, wodurch die Code -Flexibilität und -Effizienz verbessert werden.
Was ist Cross-Site-Anforderungsfälschung (CSRF) und wie implementieren Sie den CSRF-Schutz in PHP?
Apr 07, 2025 am 12:02 AM
In PHP können Sie CSRF -Angriffe effektiv verhindern, indem Sie unvorhersehbare Token verwenden. Spezifische Methoden umfassen: 1. CSRF -Token in der Form erzeugen und einbetten; 2. Überprüfen Sie die Gültigkeit des Tokens bei der Bearbeitung der Anfrage.
Erklären Sie den Match -Expression (Php 8) und wie er sich vom Schalter unterscheidet.
Apr 06, 2025 am 12:03 AM
In PHP8 sind Übereinstimmungsausdrücke eine neue Kontrollstruktur, die unterschiedliche Ergebnisse basierend auf dem Wert des Expression zurückgibt. 1) Es ähnelt einer Switch -Anweisung, gibt jedoch einen Wert anstelle eines Ausführungsanweisungsblocks zurück. 2) Der Match -Ausdruck wird streng verglichen (===), was die Sicherheit verbessert. 3) Es vermeidet mögliche Auslassungen in Switch -Anweisungen und verbessert die Einfachheit und Lesbarkeit des Codes.
