前端技術紀錄、everything I know

0%

【翻譯】Bootstrap 5 的釋出時間、以及會有哪些更新

這篇文章翻譯自這篇文章。從文章看起來似乎是使用者針對 Bootstrap 未來更新的推測,所以最後還是得以 Bootstrap 的官方文件為準。希望不會有奇怪的英文化中文,也請多多指教。


Bootstrap 4 alpha 版本在2018年8月19號釋出。這個版本的Bootstrap做了許多改進,像是使用flexbox 、更好的 grid system、card、優化的 Navbar,還有把 less 的檔案改用 sass 撰寫。此外,這個版本歷經了兩年多的時間,在 2018年 1 月18 號,終於完成其穩定版本。

總而言之,我們來看看 bootstrap 5 的釋出時間和它更新了些什麼吧!

Bootstrap 5 的釋出時間

Bootstrap 更新進度看起來似乎非常順利。在 Bootstrap 的官方Github 專案對紀錄裡,有 686 個被上傳的任務,其中大約有至少 35 個任務已經進入審閱程序,或是進入審閱排程。考量到他們已經開始進行 alpha-2 和 alpha-3 的作業,我們可以期待Bootstrap 5 會在今年春末釋出。

有什麼新東西?

主要的更新包括,把 jQuery 這個套件移除、把 custom icon 這個以 SVG 製成的授權 icon 圖庫加回來(這個圖庫bootstrap 其實已經在去年釋出了)、局部 CSS 和 JavaScript 簡化、修正和改進,並且撤除對 IE 10 的支援。

以下是 Bootstrap 5 預期會有的更新:

  • 移除 Jquery
  • 撤掉對 IE 10 的支援
  • 客製化的 icon 函式庫
  • 從 Jekyll 轉移至 Hego
  • 重大 JavaScript 更新
  • 小部分的 CSS 類別給更新及修正

移除 jQuery 😱

這點其實不需要感到太驚訝。因為全世界越來越多開發者開始使用像是 React.js、Vue.js、Angular.js 這樣的框架,jQuery 早已逐漸失去它本來的地位。 此外,很多 jQuery 的功能,現在用純 JavaScript 就能完成。

jQuery 已經用很久了,我認為這是個移除 jQuery 的最佳時機。把這個套件移除掉,可以讓整個專案輕量非常多。

撤除對 IE 10 的支援

IE 10 的用戶,在全世界的瀏覽器使用者中,不到 1 %。考量到從 2016年開始,微軟已經不再對 IE 10 以前(包含 10)的版本做支援,這是個可以理解的改變。

客製化 SVG icon 圖庫 🚀

個人對於 Bootstrap 4 沒有加入 icon 圖庫,感到有些失望。我們通常會在專案裡的,使用 font awesome 或是其他自製 icon,但很快地,我們可能可以改變作法了。

在第 5 版,會有全新的授權 SVG icon圖庫。這些 icon 是由 Mark Otto 繪製。更棒的是,這個圖庫其實已經在去年的 12 月釋出 ,你現在就可以在專案裡使用!

從 Jekyll 轉移到 Hugo 🔝

身為熱門的靜態網頁產生器,Jekyll 已經陪我們走過很長一段時間。然而,在近幾年,Hugo 已經成了公認的,最快也最推薦的產生器。我們認為這個改變,和第 4 版時,Bootstrap 從 Less 轉移到 Sass,非常相似。

Javascript & CSS

因為 jQuery 將會從專案中移除,我們可以預期核心的 JavaScript 檔案會有重大更新,也預計會有相關的 event listener、事件選項的新使用文件。至於 CSS,雖然新版本不會有更新,但我們認為可能會有一些優化、類別更新、和一般的修正。

總之,Bootstrap 5 應當變得更快、更簡單、也更好看。不過,別期待元件會有重大的更新,對於它們協助我們為使用者開發美觀、且載入時間短的使用者介面,節省許多時間,我們反倒需要心懷感謝。

如果你在專案中使用 bootstrap,請考慮我們的免費 / 付費 Bootstrap 模板 🙏。

*