Im vergangenen Jahr war der 19. August ein besonderer Tag für Bootstrap - nicht nur der vierte Jahrestag des Projekts, sondern auch der Tag, an dem die interne Beta -Version von Bootstrap 4 nach einem Jahr intensiver Entwicklung veröffentlicht wurde. Bootstrap 4 ist ein großes Update, das fast jede Codezeile umfasst.
1. Neue Funktionen
In Bootstrap 4 gibt es zu viele große Updates, und dieser Artikel kann nicht alles abdecken. Hier sind einige Highlights, die viel Aufmerksamkeit erregt haben:
Migrieren von weniger zu SASS: Bootstrap schließt sich jetzt der Sass -Familie an. Dank Libssass kompiliert Bootstrap schneller als zuvor.
Verbesserung des Netzsystems: Fügen Sie eine neue Netzschicht hinzu, um sich an mobile Geräte anzupassen und die semantische Mischung neu zu organisieren.
Unterstützt die Auswahl des Elastic -Box -Modells (Flexbox): Dies ist eine epocherfende Funktion - solange eine booleale Variable geändert wird, können Sie die Vorteile von Flexbox schnell layout machen.
Brunnen, Miniaturansichten und Panels werden aufgegeben und Karten werden stattdessen verwendet: Karten ist ein brandneues Konzept, aber es ist sehr ähnlich wie Brunnen, Miniaturansichten und Panels und bequemer.
Integrieren Sie alle HTML -Reset -Stylesheets in den Neustart: Der Neustart kann überall dort verwendet werden. CSS ist nicht verfügbar. Es bietet mehr Optionen. Zum Beispiel werden Boxgrößen: Border-Box, Margin-Tweaks usw. in einer separaten SASS-Datei gespeichert.
Neue Anpassungsoptionen: Keine getrennten Effekte mehr wie Gradienten, Verblassen, Schatten usw. in einem separaten Stilblatt wie in der vorherigen Version. Verschieben Sie stattdessen alle Optionen in eine SASS -Variable. Möchten Sie einen Standard -Effekt für globale oder unbestreitete Ecken definieren? Es ist sehr einfach, aktualisieren Sie einfach den variablen Wert und kompilieren Sie ihn neu.
IE8 wird nicht mehr unterstützt, indem sie REM- und EM -Einheiten verwenden: Unterstützung für IE8 aufgeben bedeutet, dass Entwickler die Vorteile von CSS mit Zuversicht nutzen können, und es besteht keine Notwendigkeit, CSS -Hack -Fähigkeiten oder Fallback -Mechanismen zu untersuchen. REM und EM anstelle von PX -Einheiten eignen sich besser für reaktionsschnelle Layouts und die Steuerung von Komponentengrößen. Wenn Sie IE8 unterstützen möchten, können Sie nur noch Bootstrap 3 verwenden.
Schreiben Sie alle JavaScript -Plugins neu: Um die neuen Funktionen von JavaScript zu nutzen, schreibt Bootstrap 4 alle Plugins mit ES6 neu. Jetzt bieten wir UMD -Unterstützung, generische Teardown -Methoden, Optionstypprüfung und andere Funktionen.
Verbesserung der automatischen Positionierung von Tooltips und Popovers: Dieser Teil ist der Hilfe des Tether -Tools zu verdanken.
Verbesserte Dokumentation: Alle Dokumente werden im Markdown-Format umgeschrieben, und einige bequeme Beispiele für Plug-in-Organisation und Code-Snippets werden hinzugefügt. Die Dokumentation wird bequemer zu verwenden, und die Suchoptimierungsarbeiten sind ebenfalls im Gange.
Weitere Änderungen : Unterstützt die Bedienelemente für benutzerdefinierte Formulare, Lücken und Füllklassen und enthält neue Versorgungsklassen usw.
Die obigen Updates sind nur die Spitze des Eisbergs. Die V4 -Version verfügt über mehr als 1.100 Commits und 120.000 Zeilen von Code -Updates. Diese Updates können im V4-Alpha-Dokument angezeigt werden.
2. Entwicklungsplan
Der gesamte Quellcode für die V4-Version ist Open Source im V4-Dev-Zweig von GitHub. Darüber hinaus gibt es eine V4 -Entwicklung und Verfolgung von PR und veröffentlichen die Änderungsliste und die Liste, die für Master entwickelt werden sollen. Sie können Ihren eigenen Code einbringen, um dieses Projekt zu verbessern.
Der allgemeine Entwicklungs- und Veröffentlichungsplan lautet wie folgt:
Mehrere Alpha -Versionen werden ebenfalls in kontinuierlichen Verbesserungen veröffentlicht. Zwei Beta -Versionen werden veröffentlicht, nachdem die neuen Funktionen und neue Funktionen für vollständige Tests eingefroren sind. 2 Kandidatenversionen werden veröffentlicht, um zu testen, ob sie in der Produktionsumgebung verwendet werden können. und die endgültige Version wird veröffentlicht.
Es gibt auch einen Kanal auf Slack, der speziell V4 diskutiert, und hier können Bootstraper hinzugefügt werden.
3.. Unterstützung v3
Als Bootstrap 3 veröffentlicht wurde, gab Bootstrap seine Unterstützung für Version 2.x auf und verursacht für viele Benutzer Probleme, und der gleiche Fehler wird kein zweites Mal gemacht. In naher Zukunft wird das Entwicklungsteam weiterhin V3 -Fehler beheben und die Dokumentation verbessern. Nachdem V4 endlich veröffentlicht wurde, wird die Dokumentation von V3 nicht offline sein.
4. Eine weitere Sache ...
Neben der Veröffentlichung von Bootstrap 4 Alpha veröffentlichte der Beamte auch das Bootstrap -Thema.
Diese Themen nehmen viel Energie und sie haben selbst viele Toolsets, genau wie Bootstrap selbst.
Zu Beginn gehören die veröffentlichten Themen: Dashboard, Anwendung und Marketing unter Verwendung des Multiple-Use-Lizenzprotokolls.
Klicken Sie hier, um weitere Themeninformationen anzuzeigen.
5. Feedback
1) Jemand hat in v3.5.5 (die letzte stabile Version) erwähnt, Bootstrap.min.css 123 KB, während es im neuen 4.0.0alpha bootstrap.min.css lohnt, feierlich zu feiern.
2) Jemand berichtete, dass das Dashboard-Thema nicht vollständig reagiert, z. B. in Tabellen-> Bestellverlauf.
3) Bootstrap hat sich standardmäßig in SASS verwendet, was eine weit verbreitete Diskussion verursacht hat.
4) Einige Leute sagten auch, dass eine Organisation bereit ist, alte Technologie aufzugeben (IE8 nicht mehr unterstützt) und die Bibliothek mit neuer Technologie (ES6) umschreiben, was respektvoll ist.
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.