摘要:重大更新亮點(diǎn)解讀月日對(duì)來(lái)說(shuō)是個(gè)特別的日子不僅是項(xiàng)目四周年紀(jì)念日,也是經(jīng)過(guò)了一年密集開(kāi)發(fā)之后發(fā)布內(nèi)測(cè)版的日子。是一次重大更新,幾乎涉及每行代碼。
Bootstrap 4重大更新、亮點(diǎn)解讀
8月19日對(duì)Bootstrap來(lái)說(shuō)是個(gè)特別的日子——不僅是項(xiàng)目四周年紀(jì)念日,也是經(jīng)過(guò)了一年密集開(kāi)發(fā)之后發(fā)布Bootstrap 4內(nèi)測(cè)版的日子。Bootstrap 4是一次重大更新,幾乎涉及每行代碼。新增功能
Bootstrap 4中有太多重大的更新,本文不能面面俱到,下面是一些頗受關(guān)注的亮點(diǎn):
從Less遷移到Sass: 現(xiàn)在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Bootstrap的編譯速度比以前更快;
改進(jìn)網(wǎng)格系統(tǒng):新增一個(gè)網(wǎng)格層適配移動(dòng)設(shè)備,并整頓語(yǔ)義混合。
支持選擇彈性盒模型(flexbox):這是項(xiàng)劃時(shí)代的功能——只要修改一個(gè)Boolean變量,就可以利用flexbox的優(yōu)勢(shì)快速布局。
廢棄了wells、thumbnails和panels,使用cards代替:Cards是個(gè)全新概念,但使用起來(lái)與wells、thumbnails及panels很像,且更方便。
將所有HTML重置樣式表整合到Reboot中:在用不了Normalize.css的地方可以用Reboot了,它提供了更多選項(xiàng)。例如box-sizing: border-box、margin tweaks等都存放在一個(gè)多帶帶的 Sass 文件中。
新的自定義選項(xiàng):不再像上個(gè)版本一樣,將漸變、淡入淡出、陰影等效果分放在多帶帶的樣式表中。而是將所有選項(xiàng)都移到一個(gè)Sass變量中。想要給全局或考慮不到的角落定義一個(gè)默認(rèn)效果?很簡(jiǎn)單,只要更新變量值,然后重新編譯就可以了。
不再支持IE8,使用rem和em單位:放棄對(duì)IE8的支持意味著開(kāi)發(fā)者可以放心地利用CSS的優(yōu)點(diǎn),不必研究css hack技巧或回退機(jī)制了。使用rem和em代替px單位,更適合做響應(yīng)式布局,控制組件大小。如果要支持IE8,只能繼續(xù)用Bootstrap 3。
重寫(xiě)所有JavaScript插件:為了利用JavaScript的新特性,Bootstrap 4用ES6重寫(xiě)了所有插件。現(xiàn)在提供UMD支持、泛型拆解方法、選項(xiàng)類(lèi)型檢查等特性。
改進(jìn)工具提示和popovers自動(dòng)定位:這部分要感謝Tether工具的幫助
改進(jìn)文檔:所有文檔以Markdown格式重寫(xiě),添加了一些方便的插件組織示例和代碼片段,文檔使用起來(lái)會(huì)更方便,搜索的優(yōu)化工作也在進(jìn)行中。
更多變化:支持自定義窗體控件、空白和填充類(lèi),此外還包括新的實(shí)用程序類(lèi)等。
以上更新只是冰山一角, v4版共有1100多次commits和 12萬(wàn)行代碼更新,這些更新可以在v4-alpha文檔 中查看 持續(xù)更新,多多關(guān)注文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/113563.html
摘要:重大更新亮點(diǎn)解讀月日對(duì)來(lái)說(shuō)是個(gè)特別的日子不僅是項(xiàng)目四周年紀(jì)念日,也是經(jīng)過(guò)了一年密集開(kāi)發(fā)之后發(fā)布內(nèi)測(cè)版的日子。是一次重大更新,幾乎涉及每行代碼。 Bootstrap 4重大更新、亮點(diǎn)解讀 8月19日對(duì)Bootstrap來(lái)說(shuō)是個(gè)特別的日子——不僅是項(xiàng)目四周年紀(jì)念日,也是經(jīng)過(guò)了一年密集開(kāi)發(fā)之后發(fā)布Bootstrap 4內(nèi)測(cè)版的日子。Bootstrap 4是一次重大更新,幾乎涉及每行代碼。 新...
摘要:年底首次開(kāi)啟阿里云容器服務(wù)公測(cè)年月正式商業(yè)化年月成為國(guó)內(nèi)唯一合作伙伴并推出專有云企業(yè)版,月實(shí)現(xiàn)產(chǎn)品國(guó)際化。阿里云容器服務(wù)為增加了阿里云云盤(pán)和等分布式存儲(chǔ)服務(wù)支持。阿里云容器服務(wù)為此進(jìn)一步提升了易用性,降低了部署管理和應(yīng)用開(kāi)發(fā)門(mén)檻。 摘要: 作為容器編排系統(tǒng)的兩大流派, Kubernetes和Swarm的重要性不言而喻。融合了兩大高性能集成的阿里云容器服務(wù),不僅可以降低50%的基礎(chǔ)架構(gòu)成...
摘要:盡管等待了多年,但是最終還是發(fā)布了正式版本與上一個(gè)版本相比未有重大變化,主要著眼于部分錯(cuò)誤修復(fù)與提升。能夠?qū)惒胶瘮?shù)移入獨(dú)立線程中,可以看做函數(shù)的單函數(shù)簡(jiǎn)化版。不過(guò)需要注意的是,僅支持純函數(shù),其會(huì)在獨(dú)立的作用域中運(yùn)行這些函數(shù)。 showImg(https://segmentfault.com/img/remote/1460000013038757); 前端每周清單專注前端領(lǐng)域內(nèi)容,以對(duì)...
摘要:作為年最具潛力,乃至最具影響力的前端開(kāi)源項(xiàng)目真的不為過(guò)。通過(guò)上的介紹,這個(gè)項(xiàng)目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo),而且從中也不難看出有些部分是來(lái)自參與過(guò)的項(xiàng)目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年,前端的開(kāi)源世界越發(fā)精彩,Vue的不斷壯大,Angular 2的發(fā)布,Amaze UI 3....
摘要:作為年最具潛力,乃至最具影響力的前端開(kāi)源項(xiàng)目真的不為過(guò)。通過(guò)上的介紹,這個(gè)項(xiàng)目是偏右阿里的前端大牛和阿里的前端大牛主導(dǎo),而且從中也不難看出有些部分是來(lái)自參與過(guò)的項(xiàng)目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年,前端的開(kāi)源世界越發(fā)精彩,Vue的不斷壯大,Angular 2的發(fā)布,Amaze UI 3....
閱讀 1937·2023-04-25 14:28
閱讀 1962·2021-11-19 09:40
閱讀 2884·2021-11-17 09:33
閱讀 1462·2021-11-02 14:48
閱讀 1780·2019-08-29 16:36
閱讀 3411·2019-08-29 16:09
閱讀 2989·2019-08-29 14:17
閱讀 2464·2019-08-29 14:07