Vorteile von Bootstrap: 1. Es kann die Entwicklungseffizienz verbessern. 2. Standardnamendefinitionen für eine einfache Wartung. 3. Es verfügt über eine vollständige Dokumentation und eine große Anzahl von Komponentenstilen Framework und Sie müssen die Framework-Dokumentation lesen. 2. Das CSS-Framework ist für Seiten wie ein kleines Projekt zu aufgeblasen. 3. Es wird Kompatibilitätsprobleme geben.
Empfohlen: „Bootstrap-Tutorial“
Angesichts der Beliebtheit von CSS3 und HTML5 benötigen unsere WEB-Seiten nicht nur humanere Designkonzepte, sondern auch coolere Seitenspezialeffekte und ein besseres Benutzererlebnis. Als Entwickler müssen wir einige wertvolle CSS-UI-Open-Source-Framework-Ressourcen kennen, die uns dabei helfen können, einige moderne Schnittstellen schneller und besser zu implementieren, einschließlich einiger Designs im Web-Interface-Stil für mobile Geräte. Der nächste Schritt besteht darin, das Bootstrap-Framework im Detail zu erklären:
Zunächst müssen wir das Prinzip kennen, warum wir das Framework verwenden.
Das CSS-Framework ist eine Sammlung von CSS-Dateien, einschließlich Zurücksetzen grundlegender Elemente, Seitenlayout, Netzwerklayout, Formularstil, allgemeiner Regeln und anderer Codeblöcke. Der Einsatz von CSS-Frameworks kann die Arbeit vereinfachen und die Arbeitseffizienz verbessern.
Warum sollten wir das Bootstrap-Framework anstelle anderer CSS-Frameworks verwenden?
Angesichts der rasanten Beliebtheit von H5 und CSS3 ist die Benutzererfahrung besonders wichtig. Die große Zahl der Benutzer mobiler Geräte ist nicht zu unterschätzen, und genau genommen ist Bootstrap ein Framework, das für mobile Geräte entwickelt wurde. Obwohl er mobilen Geräten Priorität einräumt und Mobile bevorzugt, handelt es sich dabei nicht um ein Framework für mobile Geräte.
Es besteht aus standardisierten CSS- und JavaScript-Plugins. Dank CSS Media Query können Entwickler problemlos dafür sorgen, dass Webseiten sowohl auf dem Desktop als auch auf Mobiltelefonen optimal aussehen.
Das Bootstrap-Framework kann in drei Kategorien unterteilt werden:
Erstens: Vorverarbeitungsskript:
Bootstrap Der Quellcode wird auf der Grundlage der beliebtesten entwickelt CSS-Vorverarbeitungsskripte – Less und Sass. Sie können vorkompilierte CSS-Dateien verwenden, um schnell zu entwickeln, oder Sie können die benötigten Stile aus dem Quellcode anpassen. Zum Beispiel. Wenn Sie viele der gleichen Effekte auf Ihrer Seite haben. Schreiben Sie einfach eine Effektklasse. Dann lassen Sie den Ort, an dem es verwendet wird, es erben. Es besteht keine Notwendigkeit mehr zu schreiben.
Zweitens: Ein Framework, mehrere Geräte
Mit Hilfe von Bootstrap können Sie Ihre Website und Anwendung schnell und effektiv mit Mobiltelefonen, Tablets und PC-Geräten über denselben Code konfigurieren. Dies alles ist auf CSS-Medien zurückzuführen Abfragen.
Drittens: Komplette Spezialeffekte
Bootstrap bietet eine umfassende und schöne Dokumentation. Hier finden Sie alle detaillierten Dokumentationen zu HTML-Elementen, HTML- und CSS-Komponenten sowie jQuery-Plug-ins.
Bootstrap-Komponenten: Bootstrap enthält eine Fülle von Webkomponenten, mit denen Sie schnell eine schöne und voll funktionsfähige Website erstellen können. Zum Beispiel: Dropdown-Menü, Schaltflächengruppe, Schaltflächen-Dropdown-Menü, Navigation, Navigationsleiste, Pfadnavigation, Paging, Layout, Miniaturansichten, Warndialogfeld, Fortschrittsbalken, Medienobjekte usw.
Vor- und Nachteile von Bootstrap:
Vorteile
Verbesserung der Entwicklungseffizienz
Standardisierte Namensdefinition für einfache Wartung
Standardisierter Projektentwicklungsprozess
CSS-Code ist klarer und einfacher. Der HTML-Code ist vernünftiger
Bootstap hat kürzlich Bootstrap4 veröffentlicht, das über ein Box-Flex-Layout und andere Updates verfügt und mit der Entwicklung der neuesten Webtechnologie Schritt hält.
Es ist relativ ausgereift und wurde vollständig verwendet in einer großen Anzahl von Projekten getestet
Verfügt über eine vollständige Dokumentation und ist bequemer zu verwenden
Es gibt eine große Anzahl von Komponentenstilen, Anpassungen sind möglich
Nachteile:
Erhöhte Lernkosten. Sie müssen das gesamte Framework verstehen und die Dokumentation des Frameworks lesen.
Das CSS-Framework ist für Seiten wie ein kleines Projekt aufgebläht. Möglicherweise enthält das Framework viel Code, den Sie nicht verwenden.
hilft möglicherweise nicht dabei, Ihre Fähigkeiten zu verbessern. Zu abhängig vom Framework, was die Fehlerbehebung erschwert. Einschließlich der dem Framework innewohnenden Fehler.
Es ist mühsam, das benötigte Framework und Entwicklungsframework auszuwählen. Nachdem ich es geschrieben hatte, stellte ich fest, dass es immer unflexibler und aufgeblähter wurde.
Wenn Sie Ihre eigenen speziellen Anforderungen haben, müssen Sie den Stil neu anpassen. Wenn eine Website eine große Anzahl von Nicht-Bootstrap-Stilen enthält, müssen Sie viel CSS umschreiben , sodass Sie die Bedeutung des Frameworks verlieren.
Obwohl es im Internet viele Möglichkeiten gibt, mit dem IE kompatibel zu sein, müssen andere Dateien eingeführt werden, von denen einige recht klein sind, was unweigerlich zu einer Verlangsamung der Ladegeschwindigkeit und Auswirkungen auf das Internet führt Benutzererfahrung.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !
Das obige ist der detaillierte Inhalt vonWas sind die Vor- und Nachteile von Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
