Inhaltsverzeichnis
Klassische alte CPU, GPU auf Miner-Niveau
Laufen Sie um einen Punktestand, wenn Sie ihn nicht akzeptieren! Ziemlich vernünftige Leistung
(Fotoquelle: Lei Technology)
Heim Hardware-Tutorial Hardware-Rezension Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

Apr 12, 2024 am 08:07 AM
ai pc 英伟达 英特尔 大模型 Neu zeichnen aipc

Wenn 2023 als das erste Jahr der KI anerkannt wird, dann dürfte 2024 ein Schlüsseljahr für die Popularisierung großer KI-Modelle sein.

Im vergangenen Jahr sind zahlreiche große KI-Modelle und zahlreiche KI-Anwendungen entstanden. Hersteller wie Meta und Google haben auch damit begonnen, ihre eigenen großen Online-/Lokalmodelle der Öffentlichkeit zugänglich zu machen Konzepte der „KI-künstlichen Intelligenz“ Der Begriff der Unerreichbarkeit kommt den Menschen plötzlich in den Sinn.

Heutzutage sind Menschen in ihrem Leben zunehmend künstlicher Intelligenz ausgesetzt. Wenn Sie genau hinschauen, werden Sie feststellen, dass fast alle der verschiedenen KI-Anwendungen, auf die Sie Zugriff haben, in der „Cloud“ bereitgestellt werden. Wenn Sie ein Gerät bauen möchten, mit dem große Modelle lokal betrieben werden können, handelt es sich bei der Hardware um brandneue AIPCs mit einem Preis von mehr als 5.000 Yuan, was für normale Verbraucher nicht gerade günstig ist.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Google)

Aber das Budget aufs Äußerste zu komprimieren und dann eine „brauchbare“ Konsole zusammenzustellen, ist der ultimative Spaß für jeden Heimwerker. Die Frage ist nun: Wie viel wird es kosten, wenn Sie wirklich einen Computer haben möchten, der ein großes Sprachmodell lokal ausführen kann?

Mein Budget beträgt - 300 Yuan.

Obwohl die Preise für ernsthafte Speicher-/Speicherprodukte in letzter Zeit gestiegen sind, hat sich der Preis für ausländische Müll-CPUs und Mining-Karten-GPUs nicht wesentlich verändert. Im Kontext des aktuellen KI-Trends bin ich nicht einmal bereit, mich an die Audio- und Videoanforderungen des Büros zu halten, und beschloss, mich mit einem Budget von 300 Yuan der Herausforderung zu stellen, einen kostengünstigen lokalen Großmodell-Host der Einstiegsklasse zu bauen .

Was den konkreten Vorgang betrifft und ob das Endergebnis zufriedenstellend ist, erfahren Sie natürlich, nachdem Sie mir gefolgt sind.

Klassische alte CPU, GPU auf Miner-Niveau

Was die CPU-Auswahl betrifft, habe ich mir direkt einen Intel® Core™ i3-4170T von Xianyu geholt.

Dieser Prozessor verfügt über zwei Kerne und vier Threads, eine Hauptfrequenz von 3,2 GHz, keine Turbofrequenzfähigkeit, einen 3 MB großen Smart-Cache und eine Haswell-Architektur mit 22-nm-Prozesstechnologie. Das größte Merkmal ist, dass er über ein HD4400-Kerndisplay verfügt Deshalb habe ich mich für den Schlüssel entschieden.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)


Wie das Sprichwort sagt, kommt ein preisgünstiges U mit günstigen Platinen. Das Motherboard, das ich ausgewählt habe, ist ein ASUS Work Package H81M-V3-Motherboard. und es gibt nur zwei. Ganz zu schweigen vom DDR3-Speichersteckplatz, es gibt keine HDMI-Ausgangsschnittstelle oder einen M2-Festplattensteckplatz. Es gibt nur zwei USB 3.0- und SATA III-Schnittstellen. Der größte Vorteil dieser Sache ist der supergünstige Gebrauchtpreis .


Dieses Board-U-Set kostet insgesamt weniger als 80 Yuan und das Preis-Leistungs-Verhältnis ist auch heute noch hervorragend.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Quelle: Taobao)


Mit dieser Art von CPU müssen Sie sich nicht allzu viele Gedanken über die Wärmeableitung machen.


Die von Xianyu in 20er-Packs gelieferte Push-Down-Luftkühlungs-Wärmeableitung sieht zwar etwas hässlich und grob aus, ist aber definitiv mehr als genug, um meine Ultra-Low-Price-Konfiguration zu unterdrücken.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)


Was die Grafikkarte betrifft, wurden kürzlich viele P106-090/P106-100-Mining-Karten auf Xianyu veröffentlicht, darunter der Preis von Ersteres liegt im Allgemeinen bei etwa 120 Yuan. Da ich dieses Mal nicht für Spiele gedacht war, habe ich mich schließlich für eine Zotac P106-090-Mining-Karte entschieden Gaming, aber der Preis stimmt.


Zuletzt statten Sie es einfach mit zwei No-Name-DDR3-Speichern aus, um einen Dual-Channel-Speicher zu bilden, verwenden ein 350-W-Great-Wall-Netzteil zur Stromversorgung, eine 120-GB-SATA-SSD als Systemfestplatte und begnügen sich mit dem Großes Buffalo-Silikonfett, das von der letzten Installation übrig geblieben ist, und schließlich ein kleines Computer-City-Gehäuse für 20 Yuan hinzufügen, und wir haben die gesamte grundlegende Hardware für eine 300-Yuan-Installation.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)


Laufen Sie um einen Punktestand, wenn Sie ihn nicht akzeptieren! Ziemlich vernünftige Leistung


Komplette Installation, Beleuchtung des Chassis!


Lassen Sie uns zunächst einen einfachen Leistungstest durchführen. Als Veteran, der viele Jahre im Dienst war, ist die Leistung des Intel® Core™ i3-4170T einfach so. Selbst wenn der Stromverbrauch mit TrottlesStop freigeschaltet ist Fast gleichwertig mit mobilen End-End-Prozessoren der 6. Generation und Core 7. Generation.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)


In der tatsächlichen Testsitzung betrug der Single-Core-Lauf-Score des CPU-Z-Tests 319,9 Punkte und der Multi-Core-Lauf-Score 881,0 Punkte. Gemäß dem CINEBENCH-Teststandard betrug der CINEBENCH R20 Multi-Core 732cb, Single-Core. Kern 301cb. Natürlich ist diese Leistung nicht überragend, für die tägliche Büroarbeit und leichte Unterhaltung reicht sie jedoch vollkommen aus.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)


Was den GPU-Teil angeht, wird der Zotac P106-090 im 16-nm-Verfahren hergestellt. Der Grafikkartenkern ist GP106 und die Kernfrequenz ist 1354 MHz, kann auf 1531 MHz erhöht werden, verfügt über 768 Schattierungseinheiten, unterstützt DirectX12, die Speicherspezifikation beträgt 3072 MB/192 Bit Samsung GDDR5-Speicher und die Speicherfrequenz kann 2002 MHz erreichen.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Quelle: Lei Technology)


Es ist erwähnenswert, dass die Schnittstelle von P106-090 PCI-E x4 1.1 ist, während die Schnittstelle von P106-100 PCI-E x16 1.1 ist Dies führt zu einem relativ offensichtlichen Leistungsunterschied zwischen den beiden, selbst wenn sie den gleichen Kern haben. Ich habe mich einfach für die P106-090-Grafikkarte entschieden, weil sie CUDA-Rechenleistung zu einem extrem niedrigen Preis bereitstellen kann.


Wie in der Abbildung gezeigt, erreichte P106-90 im Fire Strike-Test zur Bewertung der DX11-Leistung einen Grafikwert von 3287 Punkten, im Time Spy-Test zur Bewertung der DX12-Leistung erreichte P106-90 Ein Grafik-Score von 3287 Punkten im Basistest. Im Test wurde ein Grafik-Score von 2251 Punkten erreicht. Diese Leistung ähnelt der der GTX1050, es gibt jedoch eine gewisse Lücke zur Kern-Display-Leistung des R5-7640H.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Quelle: Lei Technology)


In Bezug auf den Speicher haben wir 40 Yuan ausgegeben, um diese 128-GB-Sata-SSD-Festplatte eines Fremdherstellers mit sequentiellen Lese- und Schreibgeschwindigkeiten von 505,28 MB/s zu kaufen. s und 400,09 MB/s, zufälliges 4K-Lesen und Schreiben erreicht 132,35 MB/s und 244,29 MB/s. Obwohl es nicht mit einer M2-SSD-Festplatte vergleichbar ist, ist es definitiv mehr als genug als Systemstartfestplatte.


Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Quelle: Lei Technology)


Für dieses Paar Dual-Channel-DDR3-Speicher wurde AIDA64 für den Speicher-Cache-Test verwendet. Die gemessene Lesegeschwindigkeit betrug 20894 MB/s Die Schreibgeschwindigkeit betrug 20894 MB/s, die Kopiergeschwindigkeit 20901 MB/s und die Latenz 67,5 ns, was für diesen Computer genau richtig ist. (Bildquelle: Lei Technology) -Modell-Spielekonsole, daher ist das tatsächliche Erlebnis definitiv das, worauf wir am meisten achten.


Probieren Sie zunächst Koblodcpp aus, ein llamacpp-Startprogramm, das die Koblod.AI-Schnittstelle integriert. Es kann lokale große Modelle im GGUF-Format ausführen, die derzeit im Internet beliebt sind. Es kann sogar große Sprachmodelle integrieren zu erreichende Modelle Während eines Gesprächs werden die Stimme und entsprechende Szeneneffekte generiert. Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell


(Fotoquelle: Lei Technology)


Leider übersteigt die Kapazität der derzeit auf Huggingface geteilten Modelle im großen GGUF-Format im Allgemeinen 3 GB, auch wenn die ausgewählte Kapazität nur etwa 5 GB beträgt. Das causallm_7b-Modell Dennoch führt dies dazu, dass der Grafikkartenspeicher überläuft und die CPU in die Berechnungen eingreift, was letztendlich zu einer Verringerung der Betriebseffizienz des gesamten großen Modells führt.



(Quelle: Lei Technology)

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

In diesem Modus erreicht die längste Antwort von Kobold.AI etwa 599 Sekunden (also 10 Minuten), und die kürzeste Antwort dauert auch Die Generierung dauert etwa 50 Sekunden, was deutlich von den durchschnittlichen 10 Sekunden für die Bereitstellung von Antworten bei großen Cloud-Modellen abweicht.


In diesem Fall können wir uns genauso gut mit dem nächstbesten zufrieden geben und den Intel AIGC Assistant verwenden, um das lokale große Sprachmodell zu erleben. Dies ist eine Demo, die eine Vielzahl lokaler großer Sprachmodelle integriert und auf die Ausführung ohne ausgelegt ist Anbindung an das Netzwerk realisieren intelligenten Mensch-Maschine-Dialog.


Wenn das Computernetzwerk ausgeschaltet ist, können nachfolgende Fragen, mit Ausnahme der ersten Bereitstellung eines großen Modells, die eine gewisse Zeit in Anspruch nimmt, grundsätzlich innerhalb von 5 Sekunden beantwortet werden, sei es beim Beantworten von Fragen, beim Übersetzen oder beim Schreiben , es ist sehr schnell, obwohl bei der Lösung einiger Denksportaufgaben oder Rechenaufgaben immer noch logische Fehler auftreten, ist das Gesamterlebnis in diesem Fall viel besser als zuvor. Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell


(Fotoquelle: Lei Technology)


Erweiterte Funktionen wie Charakterkarten und Aufforderungswörter sind natürlich definitiv nicht verfügbar.


Schauen wir uns noch einmal die KI-Malerei an. Ich verwende hier den von bilibili UP integrierten Huiyo-Launcher, der Stablediffsion-WebUI, verschiedene SD-Plug-In-Downloads und Modell-Remote-Nutzung integriert. ein Launcher-Gerät.

... Der tatsächlich gemessene P106-90 benötigt etwa drei Minuten, um vier 128*160-Bilder zu erzeugen, sieben bis acht Minuten, um vier 240*320-Bilder zu erzeugen, und etwa sechs Minuten, um ein 512*512-Bild zu erzeugen.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Bildquelle: Lei Technology)

Aus tatsächlicher Erfahrung empfehle ich persönlich, mit 128 * 160 Bildern zu beginnen und gleichzeitig Aufforderungswörter und Plug-Ins zu reduzieren, wenn Sie auf ein geeignetes Bild stoßen Anschließend wird ein einzelnes Bild einer KI-Aktualisierung und Neuzeichnung unterzogen, sodass das Gesamterlebnis recht gut ist. Andernfalls ist die Wahrscheinlichkeit, dass das Bild verworfen wird, im Allgemeinen nicht hoch, wenn das Bild mit der Spezifikation 512 * 512 generiert wird.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Quelle: Lei Technology, mit SD generierte Bilder)

Wie sieht es mit dem Spielerlebnis aus, da das lokale Großmodell verwendet werden kann?

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

Unter Berücksichtigung der tatsächlichen Hardwarekonfiguration haben wir das Erlebnis von vier Spielen mit FHD-Auflösung getestet: „Far Cry 6“, „Shadow of the Tomb Raider“, „F1 2020“ und „Horizon: Zero Dawn“, lassen Sie uns Werfen Sie einen Blick auf ihre jeweiligen Auftritte.


Im Leistungstest von „Far Cry 6“ lag die durchschnittliche Bildrate dieses Computers bei der niedrigsten Bildqualität von 1920*1080 bei 32 fps, selbst wenn das FSR-Leistungsprofil aktiviert war Die Rate kann nur 40 fps betragen.


(Quelle: Lei Technology)

Wenn wir uns das Rennspiel noch einmal ansehen, haben wir in „F1 2020“ die mittlere Qualität 1920*1080 aktiviert und einen Test an einem sonnigen Tag mit dem Australier durchgeführt Die endgültige durchschnittliche Bildrate kann 59 fps erreichen, und selbst diese Mining-Karte, die schon oft im Einsatz war, kann reibungslos laufen.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)

Als Standard-Testspiel hat „Shadow of the Tomb Raider“ diesen Test natürlich nicht verpasst. Ohne FSR zu aktivieren und standardmäßig die niedrigste Bildqualität von 1920 x 1080 zu verwenden, beträgt die durchschnittliche Bildrate dieses Computers, auf dem der Spiele-Benchmark-Test durchgeführt wird, 50 fps, was einem stabilen 60 fps-Spielerlebnis unter diesen 3A-Spielen am nächsten kommt.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)

Zum Schluss noch eine schwierige Frage, „Horizon: Zero Dawn“, denn die niedrigste Bildqualität sprengt auch den Videospeicher, mit dem dieser Computer läuft 1280 *Bei der niedrigsten Bildqualität von 720 kann es kaum die Grenze von 30 fps erreichen, was man nur als ungeeignet für Spiele bezeichnen kann.

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

(Fotoquelle: Lei Technology)

Im Allgemeinen ist die tatsächliche Leistung des P106-090 aufgrund starker Bandbreitenbeschränkungen nicht so gut wie die der GTX1050, die ähnliche Laufwerte aufweist Es ist etwas stärker als das Iris

Der Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell

Zusammenfassung: Es kann tatsächlich große Modelle betreiben, aber die Stabilität ist nicht gut.


Nachteile:

1. Gebrauchte Teile sind nicht garantiert


2. Der Mining-Kartentreiber ist sehr leicht zu verlieren und es treten von Zeit zu Zeit Probleme mit dem weißen Bildschirm auf.


Kann dieser Computerhost mit einem Budget von 300 Yuan verwendet werden?

Obwohl die CPU-Spezifikationen alt sind und die Leistung der Mining-Karte instabil ist, kann dieser Computerhost mit einem Budget von 300 Yuan tatsächlich die Bereitstellung lokaler großer Modelle abschließen, und es gibt kein Problem bei der Textgenerierung und KI-Zeichnung Erfahrung. Es kann sogar als KI-PC verwendet werden.


Selbst wenn Sie AAA-Meisterwerke wie „Far Cry 6“ ausführen, kann dieses Gerät einen stabilen Betrieb von 60 Bildern bei niedriger FHD-Bildqualität garantieren, sodass es für Online-Spiele wie „League of Legends“ mehr als ausreichen sollte. , und es kann als Online-Spiele-Host der Einstiegsklasse verwendet werden.


(Fotoquelle: Lei Technology)


Bin ich also mit diesem Computerhost zufrieden?


Die Antwort lautet „Nein“. Während der tatsächlichen Verwendung kam es bei der P106-90-Mining-Karte mehrmals zu Treiberausfällen, was zu einem weißen Bildschirm auf dem Computer führte. Es ist notwendig, den Treiber mit DDDU zu deinstallieren und dann neu zu installieren. Wenn dies im Test nur ein wenig mühsam ist, ist es im täglichen Gebrauch definitiv schwer zu akzeptieren.


Es ist erwähnenswert, dass es derzeit auf Xianyu viele ausländische Müllmaschinen mit ähnlichen Konfigurationen wie die von mir zusammengestellte Maschine gibt. Der Preis liegt im Allgemeinen bei etwa 350-400 Yuan und die Zielgruppe ist offensichtlich nur ... Für junge Menschen Menschen, die studieren oder nicht in der Gesellschaft sind, empfehle ich persönlich, diese Produkte nicht zu kaufen. Es ist kein Scherz, dass man das bekommt, wofür man bezahlt.


Letztendlich ist das Aufsammeln von Müll riskant, Sie müssen also vorsichtig sein, bevor Sie ins Auto steigen. Für Spieler, die es satt haben, mit High-End-Computern zu spielen, ist es immer noch sehr interessant, gelegentlich mit dem Garbage Collector zu spielen, aber das dient nur dem Spaß und sie sind eigentlich nicht dafür gedacht, über einen längeren Zeitraum als Hauptmaschine verwendet zu werden Schließlich ist das Zubehör des Müllsammlers in einem schlechten Zustand und es gibt keine Garantie. Wenn Sie aufgrund seines Ausfalls wichtige Daten verlieren, ist es den Verlust wert.


Wenn man jedoch ein Budget von 300 Yuan verwendet, um den Versuch abzuschließen, einen lokalen Großmodell-PC zu betreiben, zeigt sich bis zu einem gewissen Grad, dass die Hardwareleistung möglicherweise nicht der Hauptfaktor ist, der die Entwicklung eines KI-PCs einschränkt. Zumindest in den Nutzungsszenarien normaler Verbraucher sollten PC-Hersteller, anstatt die Rechenleistung zu verbessern, den Benutzern helfen, das Framework und die Umgebung großer KI-Modelle aufzubauen und den Benutzern ein besseres Erlebnis in Bezug auf Systeme und Software zu bieten. Mit anderen Worten: Der KI-PC sollte etwas sein, das Benutzer sofort nutzen können, anstatt selbst einen DIY-PC zusammenzubauen.

Das obige ist der detaillierte Inhalt vonDer Computer, für dessen Zusammenbau ich 300 Yuan ausgegeben habe, lief erfolgreich durch das lokale Großmodell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

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 vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie ändere ich die Größe einer Bootstrap -Liste? Wie ändere ich die Größe einer Bootstrap -Liste? Apr 07, 2025 am 10:45 AM

Die Größe einer Bootstrap -Liste hängt von der Größe des Containers ab, der die Liste enthält, nicht die Liste selbst. Die Verwendung von Bootstraps Grid -System oder Flexbox kann die Größe des Containers steuern und dadurch indirekt die Listenelemente ändern.

Wie implementieren Sie die Verschachtelung von Bootstrap -Listen? Wie implementieren Sie die Verschachtelung von Bootstrap -Listen? Apr 07, 2025 am 10:27 AM

Verschachtelte Listen in Bootstrap erfordern die Verwendung des Grid -Systems von Bootstrap, um den Stil zu steuern. Verwenden Sie zunächst die äußere Schicht & lt; ul & gt; und & lt; li & gt; Um eine Liste zu erstellen, wickeln Sie die Liste der inneren Ebenen in & lt; div class = & quot; row & gt; und add & lt; div class = & quot; col-md-6 & quot; & gt; In der Liste der inneren Ebenen, um anzugeben, dass die Liste der inneren Ebenen die halbe Breite einer Reihe einnimmt. Auf diese Weise kann die innere Liste die richtige haben

Wie füge ich Symbole zur Bootstrap -Liste hinzu? Wie füge ich Symbole zur Bootstrap -Liste hinzu? Apr 07, 2025 am 10:42 AM

So fügen Sie Symbole zur Bootstrap -Liste hinzu: Direkt das Symbol in das Listenelement & lt; li & gt;, Verwenden des von der Symbibliothek angegebenen Klassennamens (z. B. fantastisch). Verwenden Sie die Bootstrap-Klasse, um Symbole und Text auszurichten (z. B. D-Flex, Justify-Content-dazwischen, Align-items-Center). Verwenden Sie die Bootstrap -Tag -Komponente (Abzeichen), um Zahlen oder Status anzuzeigen. Passen Sie die Symbolposition an (Flex-Richtung: Reihen-Umkehr;), steuern Sie den Stil (CSS-Stil). Häufiger Fehler: Das Symbol wird nicht angezeigt (nicht

Welche Methode wird verwendet, um Strings in Objekte in Vue.js umzuwandeln? Welche Methode wird verwendet, um Strings in Objekte in Vue.js umzuwandeln? Apr 07, 2025 pm 09:39 PM

Bei der Konvertierung von Zeichenfolgen in Objekte in Vue.js wird JSON.Parse () für Standard -JSON -Zeichenfolgen bevorzugt. Bei nicht standardmäßigen JSON-Zeichenfolgen kann die Zeichenfolge durch Verwendung regelmäßiger Ausdrücke verarbeitet und Methoden gemäß dem Format oder dekodierten URL-kodiert reduziert werden. Wählen Sie die entsprechende Methode gemäß dem String -Format aus und achten Sie auf Sicherheits- und Codierungsprobleme, um Fehler zu vermeiden.

Welche Änderungen wurden mit dem Listenstil von Bootstrap 5 vorgenommen? Welche Änderungen wurden mit dem Listenstil von Bootstrap 5 vorgenommen? Apr 07, 2025 am 11:09 AM

Die Änderungen des Bootstrap 5 -Listenstils sind hauptsächlich auf die Detailoptimierung und die semantische Verbesserung zurückzuführen, einschließlich: Die Standardmargen ungeordneter Listen sind vereinfacht, und die visuellen Effekte sind sauberer und ordentlich. Der Listenstil betont die Semantik, verbessert die Zugänglichkeit und die Wartbarkeit.

So sehen Sie das Gittersystem von Bootstrap So sehen Sie das Gittersystem von Bootstrap Apr 07, 2025 am 09:48 AM

Das Maschensystem von Bootstrap ist eine Regel für das schnelle Erstellen von Reaktionslayouts, die aus drei Hauptklassen bestehen: Container (Container), Zeile (Zeile) und COL (Spalte). Standardmäßig werden 12-Kolumn-Gitter bereitgestellt, und die Breite jeder Spalte kann durch Auxiliary-Klassen wie Col-MD- angepasst werden, wodurch die Layout-Optimierung für verschiedene Bildschirmgrößen erreicht wird. Durch die Verwendung von Offset -Klassen und verschachtelten Maschen kann die Layoutflexibilität verlängert werden. Stellen Sie bei der Verwendung eines Gittersystems sicher, dass jedes Element die korrekte Verschachtelungsstruktur aufweist, und berücksichtigen Sie die Leistungsoptimierung, um die Ladegeschwindigkeit der Seiten zu verbessern. Nur durch eingehendes Verständnis und Üben können wir das Bootstrap Grid-System kompetent beherrschen.

Laravels Geospatial: Optimierung interaktiver Karten und großen Datenmengen Laravels Geospatial: Optimierung interaktiver Karten und großen Datenmengen Apr 08, 2025 pm 12:24 PM

Verarbeiten Sie 7 Millionen Aufzeichnungen effizient und erstellen Sie interaktive Karten mit Geospatial -Technologie. In diesem Artikel wird untersucht, wie über 7 Millionen Datensätze mithilfe von Laravel und MySQL effizient verarbeitet und in interaktive Kartenvisualisierungen umgewandelt werden können. Erstes Herausforderungsprojektanforderungen: Mit 7 Millionen Datensätzen in der MySQL -Datenbank wertvolle Erkenntnisse extrahieren. Viele Menschen erwägen zunächst Programmiersprachen, aber ignorieren die Datenbank selbst: Kann sie den Anforderungen erfüllen? Ist Datenmigration oder strukturelle Anpassung erforderlich? Kann MySQL einer so großen Datenbelastung standhalten? Voranalyse: Schlüsselfilter und Eigenschaften müssen identifiziert werden. Nach der Analyse wurde festgestellt, dass nur wenige Attribute mit der Lösung zusammenhängen. Wir haben die Machbarkeit des Filters überprüft und einige Einschränkungen festgelegt, um die Suche zu optimieren. Kartensuche basierend auf der Stadt

Wie werden Bootstrap -Listen vertikal angeordnet? Wie werden Bootstrap -Listen vertikal angeordnet? Apr 07, 2025 am 11:21 AM

Bootstrap selbst liefert keine direkte vertikale Auflistungsfunktion und muss mit seinem Mechanismus geschickt implementiert werden: FlexBox: Fügen Sie der Liste der "D-Flex Flex-Säule" zum übergeordneten Container der Liste hinzu, um Listenelemente vertikal anzuordnen. In Kombination mit Rastersystem: Setzen Sie die Spaltenbreiten für Listenelemente mit komplexen Inhalten und steuern Sie das Layout feiner. Achten Sie darauf, dass Sie die Klassen "Raster Core" von Bootstraps "Row" und "Col" verwenden, um die Verwendung von schwimmenden oder Positionierungsmethoden zu vermeiden.

See all articles