Bootstrap 4的初始版已經(jīng)發(fā)布很久,還是希望大家都可以認(rèn)識到,這是對這個流行的(可能是最流行的)響應(yīng)式CSS框架一次重大的徹底整修。該項目創(chuàng)始人,Mark Otto說這次的發(fā)布“幾乎涉及每一行代碼”,這并不是在開玩笑。
1.更輕巧的文件大小
有這樣一句話,“刪掉的代碼必定是已經(jīng)調(diào)試過的代碼,”――最好的重構(gòu)一定會導(dǎo)致項目刪除大量代碼,迅速瘦身。如果你下載初始版本,那么你會發(fā)現(xiàn),與最新的穩(wěn)定版本Bootstrap 3(3.3.5)――約為123KB大小(bootstrap.min.css文件)――相比,新的4.0.0初始bootstrap.min.css僅約為88KB。這可能是得益于IE8的支持。
2.從LESS切換到Sass
社區(qū)和性能是Bootstrap決定在版本4中作此切換的兩個主要原因。特別是,爭論的依據(jù)為:
----SaaS項目比LESS迭代更快
----切換到Sass提高了框架的性能
然而,從GitHub的頁面來看,LESS看上去仍具有人氣的優(yōu)勢,但Bootstrap表示,Sass增長的速度非常快。無論哪種方式,你都可以用正確的方法在Bootstrap 3中的Sass里做很多CSS編碼工作。有些人在懷疑的是,PostCSS――一款極有前途的模塊化工具,是否有強大的性能做預(yù)處理工作,以及是否應(yīng)該替代LESS。
3.切換Flexbox支持
Bootstrap 4現(xiàn)在支持使用W3C的Flexbox功能,F(xiàn)lexbox功能依然可以消弭所有瀏覽器的支持。出于這個原因,這是一個可選功能,如果需要的話,可以打開。
如果你需要快速復(fù)習(xí)Flexbox,那么我給你推薦一個指南―― 《A Complete Guide to Flexbox》 。還有新出來的關(guān)于Flexbox的一個視頻系列,如果你更喜歡這種方式的話。
4.重新調(diào)整卡片式UI布局模式
我和Andrew Trice都認(rèn)為這是一個早在2013年谷歌的Material Design中就應(yīng)該理解的重要的UI布局模式,現(xiàn)在Bootstrap 4將所有的籌碼都壓在了這一趨勢上。Bootstrap廢棄了wells、thumbnails和panels,轉(zhuǎn)而使用cards代替。

5.在ES6中重寫JS插件
ECMAScript 6在幾個月前終于定稿和標(biāo)準(zhǔn)化,Bootstrap緊跟這一最新的web技術(shù)。他們已經(jīng)重寫了所有的JavaScript插件以便于利用ES6的優(yōu)勢,并且他們也已經(jīng)更新了一起的插件,“UMD支持,通用的拆卸方法,選擇類型檢查,等等等等。”
譯文鏈接:http://www.codeceo.com/article/bootstrap-5-cool-things.html
英文原文:5 Cool Things About the Next Version of Bootstrap
翻譯作者:碼農(nóng)網(wǎng)
主站蜘蛛池模板:
濉溪县|
岳西县|
龙岩市|
仙桃市|
郓城县|
浪卡子县|
贵州省|
嘉兴市|
六枝特区|
抚顺市|
湛江市|
平山县|
泰兴市|
青阳县|
威信县|
镶黄旗|
长海县|
遵义市|
泰州市|
绥德县|
舒城县|
精河县|
合江县|
三明市|
横山县|
大同市|
内乡县|
井陉县|
磴口县|
合江县|
海南省|
墨江|
德兴市|
郑州市|
望江县|
房山区|
易门县|
锡林郭勒盟|
云和县|
延安市|
石林|