1、Bootstrap：
Bootstrap 無疑是目前使用最廣泛的 CSS 框架，GitHub 上長期穩占第一就足以說明問題，優點有很多，比如回應式設計，海量資源且簡單易學，不過也有人吐槽 Bootstrap 稍顯臃腫，但是Bootstrap5 徹底拋棄Jquery之后瘦身了不小，做前端的幾乎是必學，
中文網站：https://www.bootstrap.cn
2、Bulmacss
Bulmacss樣式庫,是一個更輕量化、更易用的CSS框架，官方定位是，哪怕你不懂CSS也可以根據api快速構建web UI,這里簡單的提一句bulma的所有樣式都是基于class，只要給dom元素標簽增加對應所需的class即可快速獲得所需要的樣式，是個易用性很強的CSS框架；兩者最大的區別是，bulma是純css，沒有js，bootstrap有JS，當用vue.js，react.js時，帶有js的css框架并不適合，需要純的css框架，在好幾個專案中用了vue + bulma，感覺不錯，
中文網站：https://www.bulmacss.cn
3、React：
React.js（React）是 Facebook 推出的一個用來構建用戶界面的 JavaScript 庫， 注意這個和前面的Bootstrap和Bulmacss不同，主要是在UI渲染程序中，React通過在虛擬DOM中的微操作來實作對實際DOM的區域更新，他通常還要和前面的兩個配合，
官網：reactjs.org
4、Vue：
Vue是尤雨溪撰寫的一個構建資料驅動的Web界面的庫，準確來說不是一個框架，它聚焦在V（view）視圖層，Vue 從一開始的定位就是盡可能的降低前端開發的門檻，讓更多的人能夠更快地上手開發，
官網：vuejs.org
5、Angular：
Angular是一款優秀的前端JS框架，已經被用于Google的多款產品當中，它是一個比較完善的前端框架，包含服務，模板，資料雙向系結，模塊化，路由，過濾器，依賴注入等所有功能，angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持，angular入門很容易但深入后概念很多,學習中較難理解，
官網：https://angular.google.com
這里需要說明的是前兩個是開發前端界面的，適合做網站內容，后面幾個適合做企業網站后臺或者不需要考慮seo的頁面，另外前兩個是一類，后面三個是一類，你可以結合使用兩類中的各一個，例如Bootstrap+React，或Bulmacss+Vue等，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285916.html
標籤：Html/Css
上一篇：關于倒在flex上的那些事