除了bootstrap的前端框架有哪些

這篇文章主要介紹了除了bootstrap的前端框架有哪些的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇除了bootstrap的前端框架有哪些文章都會有所收獲，下面我們一起來看看吧。

除bootstrap外的前端框架：1、Foundation；2、AUI；3、Frozen UI；4、WeUI；5、SUI；6、Semantic UI；7、UiKit；8、Pure。

本教程操作環境：Windows10系統、bootstrap3.3.7版、DELL G3電腦

除了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 上來，哈哈。

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，沒有太多的牽扯，好用來與其他框架快速結合使用。

關于“除了bootstrap的前端框架有哪些”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“除了bootstrap的前端框架有哪些”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。