[CSS-Interviewfragen] Vor- und Nachteile von CSS-Sprite

Oh, folge mir und du wirst eines Tages berühmt werden.

Okay, jetzt, wo wir hier sind, werfen wir einen Blick auf diese Frage.

Er fragte, was ein CSS-Sprite-Bild sei.

Deshalb nennen wir die Schneekarte normalerweise die Elfenkarte, genau wie Zhang San, dessen großer Name Zhang San und sein Spitzname Goudan ist. Ich nenne ihn Zhang San und er verspricht, mich Goudan zu nennen. Pass auf mich auf, das ist alles.

Dann fragen Sie zweitens, was die Vor- und Nachteile dieser Sache sind.

Okay, lass uns hier über das Erste reden, was ist das? Um es ganz klar auszudrücken: Es kombiniert mehrere kleine Symbole zu einem großen Bild. Das ist eine Schneekarte.

Okay, lassen Sie mich Ihnen unten ein Beispiel zeigen.

Für einige Dinge wie diese, die verwendet werden können, habe ich zwei Möglichkeiten, dies zu tun. Der erste Weg ist jeder.

Ich erstelle ein separates Bild für die kleinen Symbole. Dieses heißt zum Beispiel Ein-Punkt-PPT, Zwei-, Drei-, Vier-, Fünf-, Fünf-Punkt-PPT und Sechs-Punkt-PPT. Ich übernehme die Führung und mache so viele Bilder, wie es gibt . Dies ist der erste Weg.

Der zweite Weg führt über die Schneekarte, nicht wahr? Ich werde für Sie alle oder einige Ihrer Symbole zu einem großen Bild zusammenfügen. Das bedeutet, dass mehrere kleine Symbole zu einem großen Bild zusammengeführt werden. Das sind zwei Möglichkeiten.

Wenn ich also eine Karte schreibe, spreche ich von der zweiten Möglichkeit, dem Zusammenführen mehrerer Karten zu einer. Wenn Sie dies also tun, sind einige der Vor- und Nachteile, die er sieht, die Vor- und Nachteile, über die wir im Folgenden sprechen werden.

Bevor wir also über die Vor- und Nachteile sprechen, nutzen wir es zunächst. Vielleicht fragen sich einige Freunde: „Was ist das, was ist los?“

Ah, lass uns ein bisschen darüber reden. Es ist ganz einfach. Ich habe hier zum Beispiel ein Div, aber es ist nicht Div. Warum?

Wenn du mir kein Symbol gibst, wohin wird dann der fehlende Himmel verschwinden?

Okay, dann gibt es DNA. Okay, lassen Sie mich dem DMV einen Stil hinzufügen. Ich habe ihn gerade gemessen. Das Symbol hier ist fast siebzehn und die Breite und Höhe sind beide Sommer. Ah, dann füge ich hier ein Hintergrundbild hinzu. Dieses Hintergrundbild heißt Man Button. Okay, werfen wir einen Blick darauf. Komm schon, lass es mich hier wiederholen. Komm schon, erfrische dich.

Sie sehen, es gibt jetzt so ein kleines Symbol, oder? Okay, es gibt also tatsächlich ein Problem. Was ist das Problem? Für dieses Bild, das ich laden möchte, gebe ich ihm beispielsweise das Hintergrundbild. Ich mache den Hintergrund schwarz, sonst ist er nicht sichtbar, oder ich mache ihn rosa, damit er möglichst gut sichtbar ist . . aus. Ah, ich werde jetzt so etwas hinzufügen.

Welche Größe muss ich also schreiben, um dieses Bild zu laden, um es in dieses Bild zu laden? Es sieht aus wie das. Lassen Sie mich ein Bild für Sie zeichnen. Jetzt ist mein Mango-Point-PPT so groß, oder? Es ist hier, und dann gibt es hier ein Bild, zwei Bilder, drei Bilder, vier Bilder. Vielleicht ist die Zeichnung nicht gut, es gibt so viele Bilder. , jedes davon ist ein praktisches Element. Dann ist das meine Seite. Ich möchte, dass meine Box hier ist. Ich möchte, dass diese Box diese beiden Filmsets enthält.

Wie wird es dann platziert? Wenn Sie nichts schreiben, überlappen sie sich auf diese Weise, aber können Sie verstehen, was ich meine? Es überschneidet sich einfach. Wenn Sie es nicht schreiben, sind x und y Null und Null. Nun, eigentlich verwenden Sie diese Schneekarte. Bewegen Sie dieses Man-Click-PPT, und Sie möchten, dass es in diesem Feld angezeigt wird.

Sie müssen sich so bewegen, Sie müssen nach links gehen. Achten Sie darauf, ob der Wert links positiv oder negativ ist. Wenn Sie nach links gehen, nimmt es ab. Es handelt sich um dieses Kästchen. Es wird erwartet, dass es sich an der Grenze des Managers befindet. Es bewegt sich, daher sagt man, dass es abnehmend ist, weil es hier ist. Wenn Sie nach links gehen, wird es abnehmen . Wenn Sie nach oben gehen, wird es kleiner. Oh, endlich wird es hier angezeigt, was sich mit meiner Box überschneidet, ach, endlich wird dieses Bild angezeigt. Sie möchten also, dass dieses Ding eine Karte schreibt und dem Feld folgt, und Sie möchten es anzeigen.

Mit anderen Worten: Was sollten Sie tun, wenn Sie dies zeigen möchten? Es ist das Gleiche. Hier gehen Sie nach links und dann nach oben, und am Ende landen Sie an dieser Position, oder? Das ist es. Okay, sagen wir mal, wir zeigen dieses Bild, zeigen dieses Bild, es ist die Entfernung nach links. Wie weit geht LG?

Messe Es. Dreiundzwanzig ist fast dasselbe, also schreiben wir das hier auf. Ah, die x-Achse könnte negativ sein. Passen Sie auf, subtrahieren Sie 23 Tage.

Gut. Wie weit geht es von unten nach oben? Messen wir dieses Stück, bis es achtundachtzig erreicht. Sehen Sie es?

Die Höhe beträgt achtundachtzig, also ist achtundachtzig negativ, achtundachtzig, weil sie nach oben geht. Okay, schauen wir uns jetzt die Aktualisierung an. Schauen Sie sich zum Vergleich einfach dieses Bild an.

Hey, wo habe ich es gerade gemessen? Das ist das Bild. Ah, vielleicht ist es ein wenig unklar, weil es weiß ist, schauen Sie sich nur die schwarze Farbe an, oder? Das Muster hier, hier, hier, richtig, es ist direkt darin geladen. Das ist es, was es bedeutet.

Okay, dann kennen wir eine Verwendung dieser Schneekarte. Lassen Sie uns die Seite umblättern und über einen seiner Vor- und Nachteile sprechen.

Deshalb erkläre ich hier jedem direkt oder genau die Vor- und Nachteile und lasst uns direkt darauf eingehen.

Was sind die Vorteile? Ah, es wurde reduziert, die Anzahl der ATP-Anfragen wurde reduziert und es wurde verbessert.

Denken Sie mal darüber nach, ich mache zwanzig Icons, und Sie müssen zwanzig Bilder laden und sie zwanzig Mal laden.

Ich mache euch alle zu einem und schreibe dann die Karte. Ich muss sie nur einmal laden.

Bei den beiden Optionen, über die wir gerade gesprochen haben, müssen Sie bei der ersten Option möglicherweise die Seite laden. Wenn Sie beispielsweise fünfzig oder fünfzig dieses kleinen Symbols haben, dauert es fast fünfzig Mal.

Wenn Sie eine Karte schreiben möchten, fügen Sie sie einfach zu einem großen Bild hinzu, wodurch die Anzahl der Anfragen verringert und meine Leistung verbessert wird.

Das ist also sein Vorteil, was sind natürlich die Nachteile?

Ah, Mängel, wenn einige Elemente dieses Bildes geändert werden müssen oder die Benutzeroberfläche möglicherweise angepasst und geändert werden muss.

Beispielsweise soll der Inhalt breiter oder höher gemacht werden oder ein bestimmtes Element entfernt oder durch etwas anderes ersetzt werden.

Am Standort können sich verschiedene Dinge geändert haben, die zu einer mangelhaften Wartung führen.

Ah, warum muss eine Wartung durchgeführt werden? Beispielsweise führt das Ändern von Bildern, Positionen oder der Breite und Höhe des Inhalts zu Wartungsvergleichen. Ah, weil Sie beispielsweise Änderungen vorgenommen haben, habe ich auf der linken Seite einen weißen Balken für Sie hinzugefügt. Bedeutet das, dass alle Ihre Zeilenwerte falsch sind?

Ah, Sie müssen es erneut messen, oder Sie müssen alles ändern, oder vielleicht hat er dieses Bild heruntergeladen, und dann müssen Sie seine Position erneut ändern, was sehr mühsam ist, wie man es beibehält, ah oder Es ist relativ einfach beizubehalten .

Außerdem muss man jedes Bild ausmessen, was ziemlich mühsam ist, weil man den Standort jedes Bildes ermitteln muss, was ebenfalls ziemlich mühsam ist.

Aber ich werde es nicht auf die Mängel reduzieren, denn diese Dinge sind normale Dinge, oder? Da man es nutzen möchte, hat fast alles Vor- und Nachteile, und wenn es Nachteile gibt, muss es auch Vorteile und Vorzüge geben. Die gibt es Mängel, das ist im Grunde alles. Es gibt nur sehr wenige Dinge, die alle Vorteile und keine Mängel haben, oder?

Was ist mit den Menschen, nicht wahr? Menschen haben auch viele Mängel oder Vorteile, es hängt also von Ihrer Situation ab. Wir müssen jedoch die horizontale Karte oder Präzisionskarte von CSS kennen.

Welche Art von Problemen kann es lösen? Was sind seine Vor- und Nachteile? Das müssen wir wissen.

Okay, was dieses Problem betrifft, lassen Sie uns hier zunächst aufhören.

Guess you like

Origin blog.csdn.net/qq_43320293/article/details/129926339#comments_27316367