Bootstrap 曾經風頭無兩,是人們入門前端的首選 CSS 框架,許多寫後端的程式設計師的 side project 也經常使用它來建立專案首頁、demo 等等。
經過三年開發,前端框架 Bootstrap 4 正式發布了。然而今天的 Web 世界已經和當初 Mark Otto 發布 Bootstrap 時的情況大為不同,一些開發者由此質疑它的更新是否還有意義。
V4 版本的主要更新有:
改進的網格系統(預設為Flexbox)
現在使用Sass(取代了Less)
不支援IE8、IE9 和iOS 6
重寫JavaScript 外掛程式
現在使用rem 取代了px。
相關推薦:《前端開發問答》
準備從 V3 版本升級的開發人員需要先做測試,可能還要解決一些問題。新版整體和舊版接近,但多了一些突破性的變化。以下的遷移指南列出了變更內容的細節:
https://getbootstrap.com/docs/4.0/migration/#by-component
Bootstrap 的優點之一是其網格系統。這個系統為網頁提供了一種可聲明的方式來渲染網格系統中的內容,不需要額外的步驟就能使串流內容相容於桌面端和行動端。
Bootstrap 4 的網格系統使用的是幾乎所有的現代瀏覽器都支援的 flexbox。因為引入了這項更新等原因,新版只支援 IE10 以上和 iOS7 以上。如果專案仍需相容舊式瀏覽器,開發人員就要繼續使用 Bootstrap 3。但是,Bootstrap 3 的維護已經在 2016 年結束了。
Bootstrap 最初於 2011 年發布,當初是作為 Twitter 的產品誕生的,號稱是“世界上最流行的 HTML、CSS 和 JS 庫”,但其增長趨勢如今似乎已經到頭了。 Dan Tao 等人曾批評 Boostrap 的緊密耦合和缺乏語義的缺陷:
最早看來很棒的一堆開發組件,如今演變成了堆積如山的技術債務。開發者的 HTML 充斥著具有 Bootstrap 特定屬性的深度嵌套結構。
V4 的第一個 alpha 版本發佈於 2015 年 8 月,兩年後發布了第一個 beta 版本。但 Bootstrap 4 是否生不逢時?它的網格系統是最大的賣點之一,但主流瀏覽器普遍採用 CSS 網格,這意味著 Bootstrap 4 新引入的,基於 flexbox 的網格已經過時了。
Natalya Shelburne 是紐約時報的軟體工程師,她認為 CSS 網格是未來:
CSS 網格不是什麼駭客工具,它是一個很好的 web 佈局工具。什麼都不用安裝,也不需要預處理器,更用不著為了理解它的運作機製而絞盡腦汁。
此外,Ryan Oglesby 則認為,使用基於元件的樣式技術(如經常與React 或Vue.js 一起使用的技術),就不需要傳統的「全域CSS」技術了:
在React 或Vue.js 等UI 函式庫的幫助下,現代Web 應用程式架構已經採用了鬆散耦合,高內聚的元件,這些元件通常將HTML,CSS 和JavaScript 放在同一個檔案中。
當然,如果開發者想要做一些美觀漂亮、運行迅速的內容,Bootstrap 的 JavaScript 外掛程式(例如 Popover 和 Form 控制項)仍是首選的框架。
以上是bootstrap4 過時了嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!