Heim  >  Artikel  >  Web-Frontend  >  Starten Sie die BootStrap-Lernreise_Javascript-Fähigkeiten

Starten Sie die BootStrap-Lernreise_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:02:241519Durchsuche

Dieser Artikel fasst die 11 Gründe zusammen, warum Bootstrap weit verbreitet ist. Wenn Sie Twitter Bootstrap noch nicht verwendet haben, empfehle ich Ihnen, es auszuprobieren. Ich habe es erst vor kurzem entdeckt, aber es gibt bessere Neuigkeiten, die vor zwei Tagen von Microsoft veröffentlicht wurden. Sogar Microsoft hat die Leistungsfähigkeit von bootStrap erkannt, und das habe ich auch getan um es auch zu lernen. Hier ist meine kurze Einführung in das VS2013-Update. Wenn Sie interessiert sind, können Sie sich die Inhaltseinführung des Visual Studio 2013-Updates ansehen

Was ist der Grund, warum Bootstrap bei Diaos so beliebt ist
?

1. Sparen Sie Zeit

Mit Bootstrap haben Sie mehr Zeit, Geld zu verdienen. Die Bootstrap-Bibliothek enthält viele vorgefertigte Codefragmente, die Ihrer Website mehr Leben verleihen können. Webentwickler müssen keine Zeit und Mühe mehr mit dem Programmieren verbringen, sie müssen nur noch den richtigen Code finden und ihn an der richtigen Stelle einfügen. Darüber hinaus wird CSS mit LESS geschrieben und es wurden viele Stile und Designs entworfen.

2. Anpassung

Ein wichtiger Aspekt von Bootstrap ist, dass Sie es zu Ihrem eigenen machen können. Sie können die Teile des Frameworks behalten, die Sie benötigen, und diejenigen verwerfen, die Sie nicht benötigen. Bootstrap als Ganzes ermöglicht es Ihnen, die von Ihnen entwickelten Projekte an Ihre Bedürfnisse anzupassen.

3. Designfaktoren

Gittersystem

Beim Layout einer Seite ist es oft notwendig, ein passendes Raster zu haben. Sie müssen das Raster der Plattform nicht nutzen, aber es erleichtert Ihnen die Arbeit erheblich. Im Standardmodus bietet die Plattform ein 16-Spalten-Raster (960 Pixel breit). Jede Spalte ist 40 Pixel breit, mit einer Lücke von 10 Pixeln auf der linken und rechten Seite jeder Spalte und einem Rand von 20 Pixeln auf der äußersten Seite jedes Rasters. Sie können die Anzahl der Reihen und die Lückengröße nach Bedarf ändern. Der Stil wurde entwickelt und der Entwickler muss nur noch den entsprechenden Code an der entsprechenden Stelle im HTML einfügen.

WENIGER

LESS wird im Entwicklungszyklus häufig verwendet. Es handelt sich um eine auf CSS basierende Hochsprache, deren Zweck darin besteht, die CSS-Entwicklung flexibler und leistungsfähiger zu machen. Sie können das Inline-Raster mithilfe der Mixins und CSS-Operationen von LESS anpassen. Bootstrap nutzt eine große Anzahl beliebter CSS3-Funktionen, um ein einheitliches Browsing-Erlebnis für alle Websites zu bieten.

JavaScript

Bootstrap bietet eine JavaScript-Bibliothek, die über grundlegende Architektur und Stil hinausgeht. Über Bootstrap können Entwickler problemlos Fensterwarnfelder, Tooltip-Felder, Bildlaufleisten, Schaltflächen usw. bedienen. Das Herausragendste an Bootstrap ist, dass Sie sich keine Gedanken über das Schreiben von Skripten machen müssen.

4. Konsistenz

Der Hauptgrund, warum Twitter dieses Tool ursprünglich entwickelte, war die Inkonsistenz zwischen Entwicklerprojekten in verschiedenen Browsern. Dies führt zu vielen Problemen zwischen der Frontend-Entwicklung und der Endbenutzeroberfläche. Bootstrap sorgt für die Einheitlichkeit der Schnittstelle auf verschiedenen Plattformen. Im IE, Chrome und Firefox sehen Sie eine einheitliche Oberfläche.

5. Bleiben Sie auf dem Laufenden

Nehmen Sie als Beispiel die Benutzeroberfläche von jQuery: Sie wird einmal im Jahr aktualisiert. Bootstrap wird ständig verbessert und ist regelmäßiger und nachhaltiger. Sobald Webentwickler ein neues Problem entdecken, arbeitet das Bootstrap-Team sofort daran, es zu beheben.

6. Einfach zu integrieren

Wenn Sie eine fertige Website weiter verbessern möchten, kann Ihnen Bootstrap helfen. Wenn Sie beispielsweise einen selbst geschriebenen Tabellenstil einheitlich verwenden möchten, müssen Sie Ihren Stil lediglich in eine CSS-Stildatei kopieren. Bootstrap entfernt sofort seine eigenen Stile. Hier müssen Sie die Datei mit Twitter verknüpfen. Der Integrationsprozess ist sehr einfach, bequem und schnell. Sobald Sie fertig sind, können Sie Ihr Design auf Ihren Kerninhalt anwenden.

7. Reaktionsfreudig

Bootstrap ist ein responsives Framework. Unabhängig davon, ob Ihre Entwicklungsarbeit vom Laptop auf das iPad oder vom iPad auf den Mac verlagert wird, müssen Sie sich um Ihre Arbeit keine Sorgen machen. Denn Bootstrap kann sich mit ultraschneller Geschwindigkeit und Effizienz an die Unterschiede zwischen verschiedenen Plattformen anpassen.

8. Kompatibel mit zukünftigen Technologien

Bootstrap enthält viele spezielle Elemente wie HTML5 und CSS3, die als die Zukunft des Designs bezeichnet werden. Da das Framework zukunftsorientiert konzipiert und entwickelt wurde, hat es das Potenzial, in den kommenden Jahren zum Referenzstandard für Webentwickler zu werden.

9. Wettbewerbsfähigkeit

Bootstrap ist nicht das einzige Front-End-Entwicklungsframework, es gibt auch JQuery UI, HTML5 Boilerplate usw. Aber für Bootstrap ist der wahre Konkurrent die Zurb Foundation. Bootstrap 2 fügt ein neues Toolset hinzu, dessen Ausfüllung durch die Foundation lange gedauert hat. Bootstrap enthält eine große Anzahl von Plug-Ins, Themes, Funktionen, Code usw. von Drittanbietern, Foundation verfügt jedoch nicht über diese.

10. Detaillierte Dokumentation

Die Dokumentation von Bootstrap ist ausgezeichnet. Die meisten neuen Plattformen verfügen oft nicht über die entsprechende Dokumentation, und die Dokumentation von Bootstrap hilft uns sehr beim Einstieg. Alle Informationen, die wir benötigen, finden Sie in der Dokumentation.

11. Benefit-Chefs

Das Erlernen von Bootstrap wird nicht allzu viel Zeit in Anspruch nehmen, da es alle modularen Methoden und Architekturen kapselt. Aus der Sicht des Chefs: Wenn Sie das Bootstrap-Framework für Webentwickler bereitstellen, sparen diese mehr Lernzeit und können schneller wieder an die Arbeit gehen. Dies wird den Chefs bessere Vorteile bringen.

Wenn Sie der Meinung sind, dass Bootstrap für Sie wirklich hilfreich ist, können Sie twitter.github.com/bootstrap/ besuchen, um das Framework anzuzeigen. Sie können auch eine kompilierte Version herunterladen oder die Bootstrap-Quelldateien einschließlich CSS- und JavaScript-Dokumentation erhalten.

Visuelles Erlebnis

Das erste, was Sie sehen, ist die offizielle chinesische Website. Wenn Sie sie genau betrachten, finden Sie dort tatsächlich eine sehr detaillierte Erklärung.

Klicken Sie anschließend auf http://v3.bootcss.com/chinesische Bootstrap3-Dokumentation.

Lesen Sie weiter untenhttp://expo.bootcss.com/Es gibt viele Website-Beispiele, die angewendet wurden.

Nachdem ich so viele Beispiele und eine so hervorragende Front-End-Architektur gesehen hatte, wusste ich eigentlich nichts davon, und so viele Websites haben es bereits verwendet, dass ich es kaum erwarten kann, meine Lernreise zu beginnen.

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