DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 下一代Bootstrap的5個特點 超酷炫!
下一代Bootstrap的5個特點 超酷炫!
編輯:關於JavaScript     

Bootstrap 4的初始版已經發布很久,還是希望大家都可以認識到,這是對這個流行的(可能是最流行的)響應式CSS框架一次重大的徹底整修。該項目創始人,Mark Otto說這次的發布“幾乎涉及每一行代碼”,這並不是在開玩笑。

 

1.更輕巧的文件大小
 有這樣一句話,“刪掉的代碼必定是已經調試過的代碼,”——最好的重構一定會導致項目刪除大量代碼,迅速瘦身。如果你下載初始版本,那麼你會發現,與最新的穩定版本Bootstrap 3(3.3.5)——約為123KB大小(bootstrap.min.css文件)——相比,新的4.0.0初始bootstrap.min.css僅約為88KB。這可能是得益於IE8的支持。

2.從LESS切換到Sass 
社區和性能是Bootstrap決定在版本4中作此切換的兩個主要原因。特別是,爭論的依據為:
----SaaS項目比LESS迭代更快
----切換到Sass提高了框架的性能

然而,從GitHub的頁面來看,LESS看上去仍具有人氣的優勢,但Bootstrap表示,Sass增長的速度非常快。無論哪種方式,你都可以用正確的方法在Bootstrap 3中的Sass裡做很多CSS編碼工作。有些人在懷疑的是,PostCSS——一款極有前途的模塊化工具,是否有強大的性能做預處理工作,以及是否應該替代LESS。 

3.切換Flexbox支持
 Bootstrap 4現在支持使用W3C的Flexbox功能,Flexbox功能依然可以消弭所有浏覽器的支持。出於這個原因,這是一個可選功能,如果需要的話,可以打開。
 如果你需要快速復習Flexbox,那麼我給你推薦一個指南—— 《A Complete Guide to Flexbox》 。還有新出來的關於Flexbox的一個視頻系列,如果你更喜歡這種方式的話。 

4.重新調整卡片式UI布局模式
 我和Andrew Trice都認為這是一個早在2013年谷歌的Material Design中就應該理解的重要的UI布局模式,現在Bootstrap 4將所有的籌碼都壓在了這一趨勢上。Bootstrap廢棄了wells、thumbnails和panels,轉而使用cards代替。

 

5.在ES6中重寫JS插件
 ECMAScript 6在幾個月前終於定稿和標准化,Bootstrap緊跟這一最新的web技術。他們已經重寫了所有的JavaScript插件以便於利用ES6的優勢,並且他們也已經更新了一起的插件,“UMD支持,通用的拆卸方法,選擇類型檢查,等等等等。”

譯文鏈接:http://www.codeceo.com/article/bootstrap-5-cool-things.html
英文原文:5 Cool Things About the Next Version of Bootstrap
翻譯作者:碼農網 – 小峰

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

如果大家還想深入學習,可以點擊這裡進行學習,再為大家附一個精彩的專題:Bootstrap學習教程

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved