Bootstrap 5 alpha1 發布 不支援IE 不依賴jquery

Bootstrap 5 alpha1 發布 不支援IE 不依賴jquery

Bootstrap 5 年初時就有消息,最讓人印象深刻的就是他不再支援IE且放棄使用jquery,我當時覺得放棄jquery非常好有些專案可以直接用純JS來寫,讓專案可以更純淨,而放棄IE這就蠻前衛的,但不得不說要讓IE消失,我也是舉雙手雙腳贊成。

CDN

<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">

<!-- JavaScript and dependencies -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
  

從官網提供的CDN,就能發現除了原本的popper跟bootstrap外JQ已確定移除,元件的使用參數也從原本的JQ換成原生JS,現在原生JS在處理DOM時確實不輸JQ,不依賴JQ讓使用BS的人可以更多的選擇,當然習慣使用JQ還是能搭配BS5。

JS比較

BS4.5元件

BS5元件

不在支援IE

原本看到不再支援IE,心想是不是BS5要把css grid系統放進來了,很可惜官方的Docs 還是找不到,倒是bs5大量的使用css 變數(CSS Variables),css變數的強大相信很多人都知道,使用css變數最麻煩的就是相容性,以至於讓很多人不敢碰它,但css變數寫出來的動畫特效,真的很值得去學,不使用js就可以寫動態,對於很多人都是福音。

Bootstrap 5 官方網 :https://v5.getbootstrap.com/

夾尾巴

不知道甚麼端的工程師,低薪努力中

Related Posts

LINE Developers 保存網址

LINE Developers 保存網址

寫sass 新增config.rd 的方便

寫sass 新增config.rd 的方便

Swiper.js 輪播JS 套件

Swiper.js 輪播JS 套件

css-doodle 類CSS系統套件 可用來繪圖

css-doodle 類CSS系統套件 可用來繪圖

No Comment

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *