Bootstrap5alpha于2020年6月發布。新的引導程序刪除了jQuery,不再支持internet explorer(IE)。研究小組說,是時候從“過時或不再合適的東西”開始了。
Bootstrap框架最初由Twitter開發并開源,它已經成為web開發人員不可或缺的工具。它提供了一組隨時可用的UI組件和一個網格系統,這對于需要在PC和移動瀏覽器中良好顯示的自適應web頁面是必不可少的。自Bootstrap誕生以來,它一直依賴于jQuery框架。jQuery框架最初創建于2006年,是有史以來最流行的JavaScript框架之一。它提供了強大的語言功能和跨瀏覽器兼容性,在這個時代,web技術正經歷許多挑戰和試驗,以支持各種用例,從交互式web頁面、單頁應用程序、AJAX請求和移動web應用程序。
快進到2020年,隨著JavaScript標準和主流web瀏覽器已經支持jQuery的大部分功能,Bootstrap團隊決定繼續前進。bootstrap5框架已將jQuery作為一項要求刪除。它節省了85KB的精簡JavaScript,這在Google開始將頁面速度作為移動網站排名的一個因素時意義重大,很快,桌面網站也將如此。Bootstrap團隊這樣做是因為bootstrap5也不再支持internetexplorer。該團隊注意到,所有受支持的瀏覽器都在vanilla JavaScript中提供jQuery替換特性。放棄IE瀏覽器的決定可能是因為IE的市場份額現在甚至在臺式PC用戶中也下降到了3%以下。
開發者Flavio Copes發表了一篇關于“2020年您應該使用還是學習jQuery”的文章,他指出了jQuery最流行特性的普通JavaScript替代品。這里有一些例子。
使用#或選擇DOM元素。注釋:document.querySelector('.button')
正在等待頁面DOM加載:document.addEventListener(“DOMContentLoaded”,()=>{…})
執行AJAX請求:fetch('/api.json')。然后(response=>response.text())。然后(body=>console.log(body))
如果開發人員在2020年創建一個新的web應用程序,jQuery可能就不再是必需的了。web終于超越了jQuery。
刪除IE的另一個好處是Bootstrap5支持CSS自定義屬性。它們使CSS更加靈活,甚至可以編程。對于一些示例,請查看有關如何在bootstrap5中設置表樣式的文檔。
除了刪除jQuery,Bootstrap5還帶來了一些顯著的特性。Bootstrap5有一個更新的UI外觀和感覺,可以更加關注頁面內容。它有一組經過重新設計、外觀更好的自定義窗體控件。它也有一個新的標志和300多個額外的圖標。對于大量使用圖標的網站,新的SVG sprite允許開發人員在單個SVG文件中加載所有圖標,然后根據需要使用它們。這可能會提高網站性能并提高HTML的可讀性。
Bootstrap框架是麻省理工學院許可證下的開源軟件。歡迎通過GitHub repo向團隊提交bootstrap5alpha的bug和修復。
我們需要你的反饋