suchen
HeimWeb-FrontendCSS-TutorialVerwirrung der Streamkreuzung

Verwirrung der Streamkreuzung

Sollte ich WordPress oder React Hooks verwenden?
Soll ich D3 oder CSS verwenden?
Soll ich Markdown oder JSON verwenden?
Kann ich Flexbox in Gatsby verwenden?
Kann ich benutzerdefinierte Eigenschaften in Jekyll verwenden?
Soll ich HTML oder die Cloud verwenden?
Wie füge ich meiner Vue -Site einen dunklen Modus hinzu?

Diese sind sprechende Wangen, aber hier muss ein Punkt gemacht werden. Es ist eine Herausforderung, eine Technologie zu verstehen, und eine andere Herausforderung, um zu verstehen, wie Technologien zusammenpassen.

Während einige der oben genannten Technologienkombinationen verwirrend erscheinen, haben Sie das Glück, dass Sie genug wissen, um sie verwirrend zu finden. Das heißt, Sie verstehen die Technologien so ausreichend, dass Sie wissen, dass sie nicht relevant sind, oder dass sie etwas tun oder nichts haben, was sie daran hindert, zusammenzuarbeiten.

Ich sehe diese Art von Verwirrung ziemlich oft bei Anfängern, und es ist wirklich nichts, wofür man sich schämen kann. Es ist alles Teil des Prozesses.

Ich sehe auch diese Art von Verwirrung mit den Lesern dieser Website, da wir oft über hübsche Webtechnologien auf Basisebene schreiben und nicht in die Art und Weise eingehen, wie sie dann in verschiedene Abstraktionen passen, wie JavaScript-Frameworks oder CMS S. Schauen Sie sich beispielsweise diesen Beitrag zum Erstellen eines Schiebereglers an. Es berührt JavaScript nicht einmal; Es ist nur Vanille -HTML und CSS.

Vielleicht wird ein erfahrener Front-End-Entwickler verstehen, dass er diesen Schieberegerocode fast überall verwenden kann, da er nicht von irgendetwas anderem abhängt. Aber es gibt auch Entwickler, die so sein werden, als wäre es nicht in JSX, also kann ich es nicht wirklich benutzen . Oder ist es auf NPM? Ich habe mich für immer gefragt, ob einige der Ideen und Techniken, die sie hier auf der Website finden, auf ihrer WordPress -Site verwendet wären.

Wie würden Sie diesen Slider -Code auf einer WordPress -Site verwenden? Nun, da es sich nur um HTML und CSS handelt, können Sie die HTML in einem Ihrer Vorlagen verwenden, das CSS in das Stylesheet Ihrer Website stellen und es wird funktionieren. Aber vielleicht möchten Sie die Folien in WordPress selbst irgendwie verwalten, anstatt Vorlagendateien zu bearbeiten. Möglicherweise haben Sie einen benutzerdefinierten Beitragstyp „Folie“ und dann eine benutzerdefinierte Seite, die den Inhalt dieser Beiträge innerhalb der Divs des Schiebereglers ausgibt. Viel komplizierter, aber im Wesentlichen dieselbe Idee. Wenn Sie wollten, dass der Schieberegler in React arbeitet, geht es wahrscheinlich darum, einige Klassenattribute in Klassenname zu ändern und das CSS überall dort zu setzen, wo Sie für Ihre React -Site gestylt. Wir bleiben oft bei den Technologien auf Basisebene auf CSS-Tricks, da dies die Dinge generell nützlicher macht, aber es ist immer noch interessant und eine weitere Fähigkeit, zu lernen, wie man Konzepte für andere Technologien portiert.

Lemme macht bei diesen obigen Fragen einen Riss.

Sollte ich WordPress oder React Hooks verwenden?

WordPress ist ein CMS, das Sie Ihnen helfen würden, strukturierte Inhalte aufzubauen und wahrscheinlich die gesamte Website zu erstellen. Sie könnten eine Website mit React bauen, und das wird immer beliebter, aber es ist immer noch nicht so häufig. React ist eine Möglichkeit, das vordere Ende von Standorten mit in JavaScript eingebauten Komponenten zu erstellen, um bei Vorlagen und Logik zu helfen. React -Hooks sind eine Möglichkeit, die Funktionalität zwischen Komponenten zu teilen. Diese Frage ist also nicht entweder/oder - Sie können beides oder beides tun.

Soll ich D3 oder CSS verwenden?

CSS wird auf allen Websites verwendet, um Styling zu führen. D3 ist eine JavaScript -Bibliothek für die Datenvisualisierung. Es gibt einige Crossover, weil Sie beispielsweise ein Balkendiagramm mit nur HTML und CSS erstellen oder dasselbe Balkendiagramm in D3 erstellen können. Aber im Allgemeinen macht D3 eine sehr schicke Zeichnung, zu der CSS nicht fähig ist, und CSS layert Elemente auf einer Stelle, zu der SVG (was D3 ausgibt) nicht in der Lage ist.

Soll ich Markdown oder JSON verwenden?

Markdown ist eine Sprache zum Schreiben von Inhalten, die in HTML kompiliert. Sie können beispielsweise einen Blog -Beitrag in Markdown schreiben, da es sauberer ist, zu schreiben und anzusehen und zu entmutigen, dass Sie mit HTML an einem Ort, an dem Sie es nicht sollten, zugekommen sind. JSON ist ein Format zum Speichern von Daten in einem Format, mit dem viele Programmiersprachen, insbesondere JavaScript, leicht zu tun haben. JSON hat eine verschachtelte Schlüssel-/Wert -Paar -Syntax, die ziemlich intuitiv ist. Sie könnten den Markdown in JSON einsetzen, wenn es nützlich wäre, die Daten auf diese Weise zu speichern. Es gibt einige interessante Crossover, da es spezielle Markdown -Sorten gibt, die als Teil der Datei, die als Front Matter bezeichnet werden, Metadaten haben können. Diese Daten vor Ort befinden sich auch in einem Schlüssel-/Wertpaarformat, obwohl eine andere Syntax. Trotzdem sind dies im Allgemeinen ziemlich unterschiedliche Technologien. Eine API würde häufig JSON zurückgeben, aber nicht Markdown, und Sie würden häufig in Markdown bloggen, nicht JSON.

Kann ich Flexbox in Gatsby verwenden?

Sicher. Flexbox ist ein CSS -Ding und Gatsby ist ein React -Framework. Gatsby ist es egal, welche CSS Sie auf der Website verwenden. Da Gatsby auf React-basiert ist, gibt es eine ganze Welt von CSS-in-JS-Bibliotheken, die möglicherweise ebenfalls verwendet werden. Wenn Sie also Probleme haben, ist dies möglicherweise etwas damit verbunden. Wenn das Styling beispielsweise über ein JavaScript-Objektformat festgelegt wird, müssen Sie möglicherweise so etwas wie Flexgrow anstelle von Flex-Anfänger und dergleichen verwenden.

Kann ich benutzerdefinierte Eigenschaften in Jekyll verwenden?

Jekyll ist ein statischer Site-Generator von Ruby-betrieben, vor allem zum Erstellen von Blogs aus Markdown-Dateien. Ähnlich wie Gatsby egal ob Ihr CSS, ist Jekyll auch nicht. Benutzerdefinierte Eigenschaften sind eine CSS -Sache, daher können Sie sie in Ihrem CSS verwenden, das wiederum Teil Ihrer Jekyll -Website ist.

Soll ich HTML oder die Cloud verwenden?

"Die Cloud" hat eine etwas nebulöse Bedeutung, bezieht sich jedoch im Allgemeinen auf Server, die mit dem Internet verbunden sind. Und nicht nur ein einzelner Server, sondern ein großes Netzwerk von ihnen mit einer starken Fähigkeit zu skalieren und Redundanz zu haben. HTML ist die Grundsprache von Websites. Jede Website beginnt mit einer Anfrage für die HTML von einem Webserver. Sie beziehen sich darauf, dass Cloud-basierte Server diese Anfragen für HTML-Dateien bedienen könnten! Aber sie sind keine entweder/oder Sache. Sie können HTML schreiben, das von einem Server serviert wird, der nicht besonders „wolkig“ ist, und Sie verwenden einen Cloud -Server für etwas, das nicht mit HTML in Zusammenhang steht (z. B. das Speichern großer Datendateien).

Das obige ist der detaillierte Inhalt vonVerwirrung der Streamkreuzung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Wöchentliche Plattform News: Internet Explorer -Modus, Geschwindigkeitsbericht in der Suchkonsole, Einschränkungen der BenachrichtigungsaufforderungenWöchentliche Plattform News: Internet Explorer -Modus, Geschwindigkeitsbericht in der Suchkonsole, Einschränkungen der BenachrichtigungsaufforderungenApr 14, 2025 am 11:15 AM

In der Roundup: Internet Explorer in dieser Woche findet der Weg in Edge, Google Search Console einen neuen Geschwindigkeitsbericht, und Firefox gibt die Benachrichtigung von Facebook an

Die Kraft (und Spaß) des Umfangs mit CSS -benutzerdefinierten EigenschaftenDie Kraft (und Spaß) des Umfangs mit CSS -benutzerdefinierten EigenschaftenApr 14, 2025 am 11:11 AM

Sie sind wahrscheinlich schon zumindest ein wenig mit CSS -Variablen vertraut. Wenn nicht, finden Sie hier einen Überblick über zwei Sekunden: Sie werden wirklich benutzerdefinierte Eigenschaften genannt, Sie haben festgelegt

Wir sind ProgrammiererWir sind ProgrammiererApr 14, 2025 am 11:04 AM

Das Erstellen von Websites ist das Programmieren. Das Schreiben von HTML und CSS ist das Programmieren. Ich bin Programmierer, und wenn Sie hier CSS-Tricks lesen, sind Sie wahrscheinlich

Wie entfernen Sie ungenutzte CSS von einer Website?Wie entfernen Sie ungenutzte CSS von einer Website?Apr 14, 2025 am 10:59 AM

Hier ist das, was ich im Voraus wissen kann: Dies ist ein schwieriges Problem. Wenn Sie hier gelandet sind

Eine Einführung in die Bild-in-Bild-Web-APIEine Einführung in die Bild-in-Bild-Web-APIApr 14, 2025 am 10:57 AM

Das Bild-in-Bild trat mit der Veröffentlichung von MacOS Sierra im Jahr 2016 im Web im Websser auf. Es ermöglichte es einem Benutzer, ein Pop zu haben.

Möglichkeiten zur Organisation und Vorbereitung von Bildern für einen Unschärfeneffekt mit GatsbyMöglichkeiten zur Organisation und Vorbereitung von Bildern für einen Unschärfeneffekt mit GatsbyApr 14, 2025 am 10:56 AM

Gatsby macht großartige Arbeitsplätze, die Bilder verarbeiten und mit Bildern behandeln. Zum Beispiel hilft es Ihnen, Zeit mit Bildoptimierung zu sparen, da Sie nicht manuell manuell müssen

Oh hey, der Padding -Prozentsatz basiert auf der Breite des übergeordneten ElementsOh hey, der Padding -Prozentsatz basiert auf der Breite des übergeordneten ElementsApr 14, 2025 am 10:55 AM

Ich habe heute etwas über prozentuale (%) Polsterung gelernt, das ich in meinem Kopf völlig falsch hatte! Ich dachte immer, dass die prozentuale Polsterung auf dem basiert

Wann ist SVG gegen die Verwendung von Leinwand zu verwendenWann ist SVG gegen die Verwendung von Leinwand zu verwendenApr 14, 2025 am 10:43 AM

SVG und Canvas sind beide Technologien, die Dinge in Webbrowsern zeichnen können. Daher sind sie es wert, verglichen und zu verstehen, wenn man besser geeignet ist als die

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

MinGW – Minimalistisches GNU für Windows

MinGW – Minimalistisches GNU für Windows

Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.