Die erste Version von Bootstrap 4 wurde seit langem veröffentlicht, und ich hoffe, jeder kann erkennen, dass dies eine wichtige und gründliche Renovierung dieses beliebten (wahrscheinlich beliebtesten) reaktionsschnellen CSS -Frameworks ist. Der Projektgründer Mark Otto sagte, die Veröffentlichung "fast jede Codezeile" und das sei kein Witz.
1. Leichtere Dateigröße
Es gibt ein Sprichwort: "Der gelöschte Code muss der Debugged -Code sein" - das beste Refactoring wird auf jeden Fall dazu führen, dass das Projekt eine große Menge Code löscht und schnell abnimmt. Wenn Sie die erste Version herunterladen, werden Sie feststellen, dass der neue anfängliche Bootstrap.Min.css in der ersten stabilen Version von Bootstrap 3 (3.3.5) nur etwa 88 KB ist - etwa 123 KB (Bootstrap.min.CSS -Datei). Dies kann an der Unterstützung von IE8 zurückzuführen sein.
2. Wechseln Sie von weniger zu SASS
Community und Leistung sind zwei Hauptgründe, warum Bootstrap beschloss, diesen Wechsel in Version 4. vorzunehmen. Insbesondere die Grundlage für die Debatte ist:
---- SaaS-Projekte sind schneller als weniger Iteration
---- Die Umstellung auf SASS verbessert die Leistung des Frameworks
Weniger sieht jedoch immer noch einen Popularitätsvorteil von Githubs Seite aus, aber Bootstrap sagt, dass Sass sehr schnell wächst. In jedem Fall können Sie in Bootstrap 3 eine Menge CSS -Codierung in SASS in der richtigen Weise durchführen. Einige Leute fragen sich, ob Postcss - ein vielversprechendes modulares Werkzeug - eine leistungsstarke Leistung für die Vorverarbeitung hat und ob es weniger ersetzen sollte.
3.. Switch Flexbox -Unterstützung
Bootstrap 4 unterstützt nun die Verwendung der W3C Flexbox -Funktion, die die Unterstützung aller Browser noch beseitigen kann. Aus diesem Grund ist dies eine optionale Funktion, die bei Bedarf eingeschaltet werden kann.
Wenn Sie Flexbox schnell überprüfen müssen, empfehle ich Ihnen eine Anleitung: "Eine vollständige Anleitung zur Flexbox". Es gibt auch eine neue Videoreihe über Flexbox, wenn Sie diese Methode bevorzugen.
4. Lesen Sie den Karten -UI -Layout -Modus an
Andrew Trice und ich denken beide, dass dies ein wichtiges UI -Layoutmuster ist, das bereits 2013 in Googles Materialdesign verstanden werden sollte, und nun hat Bootstrap 4 alle seine Chips auf diesen Trend aufgenommen. Bootstrap gab Wells, Miniaturansichten und Panels auf und verwendete stattdessen Karten.
5. Schreiben Sie das JS -Plugin in ES6 um
ECMascript 6 wurde vor einigen Monaten endlich und standardisiert, und Bootstrap folgt dieser neuesten Web -Technologie. Sie haben alle JavaScript -Plugins umschrieben, um ES6 zu nutzen, und sie haben auch die Plugins zusammengefasst, "UMD -Unterstützung, universelle Teardown -Methode, Auswahltypprüfung usw.".
Übersetzungslink: http://www.codeceo.com/article/bootstrap-5-cool-things.html
Original Englisch: 5 coole Dinge über die nächste Version von Bootstrap
Übersetzer: Xiaofeng, Codierungsnetzwerk
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.
Wenn Sie noch eingehend studieren möchten, können Sie hier klicken, um Ihnen ein wunderbares Thema zu lernen und anzuhängen: Bootstrap -Lern -Tutorial