[重要通告]如您遇疑難雜癥,本站支持知識(shí)付費(fèi)業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時(shí)間哦!

現(xiàn)在都已經(jīng)2021年了，大家在使用整站的時(shí)候，有時(shí)候還是喜歡使用dedecms以及帝國cms，但作為喜歡做自由開發(fā)的開發(fā)主，還是喜歡自由，開源的東西，我們就來說說主流前端框架

1、Bootstrap：

Bootstrap 無疑是目前使用最廣泛的 CSS 框架，GitHub 上長期穩(wěn)占第一就足以說明問題。優(yōu)點(diǎn)有很多，比如響應(yīng)式設(shè)計(jì)，海量資源且簡單易學(xué)。不過也有人吐槽 Bootstrap 稍顯臃腫，但是Bootstrap5 徹底拋棄Jquery之后瘦身了不小，做前端的幾乎是必學(xué)。

中文網(wǎng)站：https://www.bootstrap.cn

2、Bulmacss

Bulmacss樣式庫,是一個(gè)更輕量化、更易用的CSS框架，官方定位是，哪怕你不懂CSS也可以根據(jù)api快速構(gòu)建web UI,這里簡單的提一句bulma的所有樣式都是基于class，只要給dom元素標(biāo)簽增加對(duì)應(yīng)所需的class即可快速獲得所需要的樣式，是個(gè)易用性很強(qiáng)的CSS框架；兩者最大的區(qū)別是，bulma是純css，沒有js，bootstrap有JS。當(dāng)用vue.js，react.js時(shí)，帶有js的css框架并不適合，需要純的css框架。在好幾個(gè)項(xiàng)目中用了vue + bulma，感覺不錯(cuò)。
中文網(wǎng)站：https://www.bulmacss.cn

3、React：

React.js（React）是 Facebook 推出的一個(gè)用來構(gòu)建用戶界面的 JavaScript 庫。 注意這個(gè)和前面的Bootstrap和Bulmacss不同，主要是在UI渲染過程中，React通過在虛擬DOM中的微操作來實(shí)現(xiàn)對(duì)實(shí)際DOM的局部更新，他通常還要和前面的兩個(gè)配合。

官網(wǎng)：reactjs.org

4、Vue：

Vue是尤雨溪編寫的一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的Web界面的庫，準(zhǔn)確來說不是一個(gè)框架，它聚焦在V（view）視圖層。Vue 從一開始的定位就是盡可能的降低前端開發(fā)的門檻，讓更多的人能夠更快地上手開發(fā)。

官網(wǎng)：vuejs.org

5、Angular：

Angular是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。它是一個(gè)比較完善的前端框架，包含服務(wù)，模板，數(shù)據(jù)雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，angularjs是互聯(lián)網(wǎng)巨人谷歌開發(fā)，這也意味著他有一個(gè)堅(jiān)實(shí)的基礎(chǔ)和社區(qū)支持。angular入門很容易但深入后概念很多,學(xué)習(xí)中較難理解。

官網(wǎng)：https://angular.google.com

值得說明的是，前兩個(gè)是開發(fā)前端界面，適合做網(wǎng)站內(nèi)容，后面幾個(gè)適合做企業(yè)網(wǎng)站后臺(tái)或者不需要考慮seo頁面；另，前兩個(gè)是一類，后三個(gè)是一類，可以結(jié)合使用兩類中的各一個(gè)，例如Bootstrap+React，或Bulmacss+Vue等，可以根據(jù)自己的愛好自由組合！

問題未解決？付費(fèi)解決問題加Q或微信 2589053300 (即Q號(hào)又微信號(hào))右上方掃一掃可加博主微信

所寫所說，是心之所感，思之所悟，行之所得；文當(dāng)無敷衍，落筆求簡潔。 以所舍，求所獲；有所依，方所成！