Bootstrap 4重大更新，亮點解讀

jeffrey_up 發(fā)布于2019-08-02 11:02 / 759人閱讀

摘要：重大更新亮點解讀月日對來說是個特別的日子不僅是項目四周年紀念日，也是經過了一年密集開發(fā)之后發(fā)布內測版的日子。是一次重大更新，幾乎涉及每行代碼。

Bootstrap 4重大更新、亮點解讀

8月19日對Bootstrap來說是個特別的日子——不僅是項目四周年紀念日，也是經過了一年密集開發(fā)之后發(fā)布Bootstrap 4內測版的日子。Bootstrap 4是一次重大更新，幾乎涉及每行代碼。

新增功能

Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些頗受關注的亮點：

從Less遷移到Sass：現在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Bootstrap的編譯速度比以前更快；

改進網格系統(tǒng)：新增一個網格層適配移動設備，并整頓語義混合。

支持選擇彈性盒模型（flexbox）：這是項劃時代的功能——只要修改一個Boolean變量，就可以利用flexbox的優(yōu)勢快速布局。

廢棄了wells、thumbnails和panels，使用cards代替：Cards是個全新概念，但使用起來與wells、thumbnails及panels很像，且更方便。

將所有HTML重置樣式表整合到Reboot中：在用不了Normalize.css的地方可以用Reboot了，它提供了更多選項。例如box-sizing: border-box、margin tweaks等都存放在一個多帶帶的 Sass 文件中。

新的自定義選項：不再像上個版本一樣，將漸變、淡入淡出、陰影等效果分放在多帶帶的樣式表中。而是將所有選項都移到一個Sass變量中。想要給全局或考慮不到的角落定義一個默認效果？很簡單，只要更新變量值，然后重新編譯就可以了。

不再支持IE8，使用rem和em單位：放棄對IE8的支持意味著開發(fā)者可以放心地利用CSS的優(yōu)點，不必研究css hack技巧或回退機制了。使用rem和em代替px單位，更適合做響應式布局，控制組件大小。如果要支持IE8，只能繼續(xù)用Bootstrap 3。

重寫所有JavaScript插件：為了利用JavaScript的新特性，Bootstrap 4用ES6重寫了所有插件?，F在提供UMD支持、泛型拆解方法、選項類型檢查等特性。

改進工具提示和popovers自動定位：這部分要感謝Tether工具的幫助

改進文檔：所有文檔以Markdown格式重寫，添加了一些方便的插件組織示例和代碼片段，文檔使用起來會更方便，搜索的優(yōu)化工作也在進行中。

更多變化：支持自定義窗體控件、空白和填充類，此外還包括新的實用程序類等。

以上更新只是冰山一角， v4版共有1100多次commits和 12萬行代碼更新，這些更新可以在v4-alpha文檔中查看 持續(xù)更新，多多關注

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/52731.html

Bootstrap 4重大更新，亮點解讀

摘要：重大更新亮點解讀月日對來說是個特別的日子不僅是項目四周年紀念日，也是經過了一年密集開發(fā)之后發(fā)布內測版的日子。是一次重大更新，幾乎涉及每行代碼。 Bootstrap 4重大更新、亮點解讀 8月19日對Bootstrap來說是個特別的日子——不僅是項目四周年紀念日，也是經過了一年密集開發(fā)之后發(fā)布Bootstrap 4內測版的日子。Bootstrap 4是一次重大更新，幾乎涉及每行代碼。新...

golden_hamster 2019-08-29 16:09 評論0 收藏0
阿里云容器服務新增支持Kubernetes編排系統(tǒng)，性能重大提升

摘要：年底首次開啟阿里云容器服務公測年月正式商業(yè)化年月成為國內唯一合作伙伴并推出專有云企業(yè)版，月實現產品國際化。阿里云容器服務為增加了阿里云云盤和等分布式存儲服務支持。阿里云容器服務為此進一步提升了易用性，降低了部署管理和應用開發(fā)門檻。摘要：作為容器編排系統(tǒng)的兩大流派， Kubernetes和Swarm的重要性不言而喻。融合了兩大高性能集成的阿里云容器服務，不僅可以降低50%的基礎架構成...

keelii 2019-06-28 16:10 評論0 收藏0
前端每周清單第 49 期：Webpack 4 Beta 嘗鮮，React Windowing 與 s

摘要：盡管等待了多年，但是最終還是發(fā)布了正式版本與上一個版本相比未有重大變化，主要著眼于部分錯誤修復與提升。能夠將異步函數移入獨立線程中，可以看做函數的單函數簡化版。不過需要注意的是，僅支持純函數，其會在獨立的作用域中運行這些函數。 showImg(https://segmentfault.com/img/remote/1460000013038757); 前端每周清單專注前端領域內容，以對...

muzhuyu 2019-08-26 11:31 評論0 收藏0
2016年最具潛力前端開源項目Top20

摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

winterdawn 2019-08-30 13:21 評論0 收藏0
2016年最具潛力前端開源項目Top20

摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發(fā)精彩，Vue的不斷壯大，Angular 2的發(fā)布，Amaze UI 3....

xiguadada 2019-08-20 13:39 評論0 收藏0