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