像Bootstrap同樣比較熱門的前端框架有哪些

像Bootstrap同樣比較熱門的前端框架有哪些

1、總結

一句話總結：框架大同小異，能夠多去各自官網看看效果（比較一下各自的不一樣點（也就是提供的不一樣的功能）），而後根據需求選擇用哪一個。我以爲bootstrap仍是能夠作首選。

 

 

 

2、相似Bootstrap熱門前端框架大集合

Bootstrap

首先說 Bootstrap，估計你也猜到會先說或者必定會有這個( 呵呵了 )，這是說明它的強大之處，擁有框架一壁江山的勢氣。本身剛入道的時候本着代碼任何一個字母都得本身敲出來擋我者廢的決心，來讓本身成長。結果受到周圍各類基友的引誘開始了 Bootstrap 旅程。本人雖然是個設計+前端的萬里有一的人才，可是老天只讓我會用 PS 和各類設計工具卻不給我跟設計妹子同樣的審美，因此這也是我最初選擇 Bootstrap 的緣由之一，它讓我作出來的東西好歹能在妹子面前裝個逼，不過期間長了不免以爲 Bootstrap 美的讓人煩躁， 但好在它的每一個版本都會有很大的改變，不會讓人以爲本身作的網站會跟不少網站撞臉。Bootstrap 的用法及其簡單( 這也可能就是 Bootstrap 做者閱攻城士無數，瞭解他們痛的結果 )，以致因而個小前端均可以快速上手，幾乎沒什麼學習成本。

• 總結：Bootstrap 最大的優點就是它很是流行，流行就表明你有問題就有不少人幫你解決問題，就表明裝逼它就是利器，還有就是界面比較和諧，容易上手，關注它的童鞋應該發現最新 V4 版也開始支持 FlexBox 佈局，這是很是好的升級體驗。 劣勢是 class 命名不夠語義化，而且各類縮寫，以致於我離了文檔就是個菜，最近開始整混合 APP，選框架的時候首選就是它，但以前搞 PC 一直沒注意，後來搞混合右鍵屬性看它的時候，瞬間一陣涼風襲來，Bootstrap 好小，小到我只好選擇別的框架。

 

 

 

AUI

第三個是最近剛起來的AUI，雖然做者聲稱是專爲APICloud開發者設計的一套UI框架，但實際它仍是解決了不少移動前端開發的廣泛問題，是主要面向混合開發的 CSS 框架。看起來做者比較猖狂，各類高級 CSS3 遍地使用，這讓我也不得不去查查這些個 CSS3 的兼容性。不負衆望果真選的都是兼容不錯的屬性，哈哈了一頓激動從前輩手上大膽認識了幾個好東西，而且框架還提供了聊天界面、計數列表等組件，解決了不少複雜的讓我罵孃的佈局，如今能夠直接拿走就用。

總結：這個框架對我來講有個優勢就是純 CSS 框架，本身之前也就用過 Pure，本身有點 JS 能力，若是不是複雜的效果，找個純 CSS 框架本身隨便改改就能夠，而如今 CSS3 也已經可以作到動畫，效率、質量、高效全兼顧，因此仍是選擇了這種 CSS 框架。有一點以爲不滿的是這框架的文檔真的好那什麼，說好的高大上呢。

 

 

 

Frozen UI

有段時間看到 QQ 瞬間高大上了，後來四處打聽，原來 QQ 客服端也用了 混合開發，其中QQ會員前端用的是 Frozen UI，而且這套框架開源，欣喜若狂耐不住內心的寂寞直接上手試了一遍，初體驗感受基礎樣式效果簡單色調清爽，有個比較活躍的社區因此組件什麼的也比較豐富。

總結：若是拿 Frozen UI 配合一些如 APICloud 用來作混合 APP 感受就太酷了，或者原生的火雞們拿去嵌套在應用中作前端開發，這個框架對 android 2.3 +、ios 4.0 + 作了兼容，或者拿來作 Web App 也是極好的選擇，劣勢的話從 UI 層面就能夠看到了，誰讓它是出生在QQ會員前端的呢。

 

WeUI

WeUI和 FrozenUI都屬於比較專注的框架，WeUI比FrozenUI更專注，話說連個官網都不搞，全部答疑都在 gitHub Issues 解決了，這個框架極其簡單，體積固然就不用說了，模塊也就 7 個左右，不過體量小作的卻不錯，口碑看 star 就夠了，框架從 16/1/23 發版至今github star 超過 7K,不過也不排除用戶沒地方發泄因此都跑到 git 上來，哈哈。

總結：看完微信設計團隊設計的這套 DEMO，若是要作微信公衆，這個二話不說必然是首選了。框架很差的地方簡而言之就是框架自己應該就沒考慮過讓用戶用到非微信的場景之下。

SUI

「SUI 是一套基於bootstrap開發的前端組件庫，同時它也是一套設計規範。經過SUI，能夠很是方便的設計和實現精美的頁面」。 果真仍是直接引用官方給的枯燥無味廣告要節省本身的腦細胞( 囧… )，固然了就像廣告說的，若是你以前用過 Bootstrap， 那麼能夠輕鬆轉向 SUI，這可能就是淘寶給前端屌絲們的福利了。

Semantic UI

倒數第三個是 Semantic UI，接觸這個框架仍是由於 Bootstrap，Semantic UI 剛上線 github 就受到大量開發者的關注，以致於不少人拿它倆對比各類挑刺各類誇，是好是壞不能單憑別人三句四句就擡起手指開始贊，用了之後感受 UI 上跟 Bootstrap 沒太多的區別，不過代碼命名規範上卻相差甚大，本人認爲 Semantic UI 是否是就想作的不同，它的命名全是採用複合的方式，類名特別的離散，用的時候你得很當心本身擴展或者新增的 class 命名與它的類名衝突。

Foundation

Foundation 算是框架界的元老啦，都說框架去的早，而這個框架一直到如今依然這麼的熱門，若是你比較介意 Bootstrap 開發撞臉的尷尬事情，那麼你能夠考慮使用 Foundation 。即便你使用預約義的 UI 元素, 也不會與其餘網站太像，就像官方說的給開發者更靈活的框架體驗。

 

 

UiKit

UIkit是YOOtheme團隊開發的，在許多WordPress主題中都有應用(也就是若是你是個 WordPress 愛好者，那麼這個框架應該比較適合深究)，而且框架可以經過GUI編輯器和手動編輯，因此它提供了一個靈活、強大的自定義機制。框架藉助LESS、jQuery、normalize.css及FontAwesome開源項目的獨有特色，整合成了這麼一款輕量級、模塊化的前端框架。

 

Pure

終於最後一個了，我和你同樣好開森 (～￣▽￣)～)，這個框架是我在作管理系統時接觸的，選擇使用也是由於框架小巧，而且是純 CSS，沒有太多的牽扯，好用來與其餘框架快速結合使用。

介紹完畢，估計你應該看出來了，我使用框架真的也就是遇到了需求，才選擇了某個框架，因此框架之間並無什麼好與特好之分，只能說你的需求是什麼，這個框架合適不合適你去用，各類框架用起來也都大體差很少，會用一個其餘的上手也就都變得簡單容易上手，我以爲能寫框架的人都是室外高仁。