作為一名做為在前端死纏爛打6年并且懶到不行的攻城士，這幾年我還是閱過很多同門從知名到很知名的各種前端框架，本來想拿15-20個框架來分享一 下，但在跟幾個前輩討教寫文章的技巧時果斷被無情的打擊了，所以這里我還是低調的只拿出10個框架來個大鍋亂燉來簡單介紹，湊夠字數也就全劇終了。
Bootstrap
作者：Mark Otto 和Jacob Thornton Star：93,112
AUI
Github：https://github.com/liulangnan/aui
作者：流浪男 Star：92
Amaze UI
所屬公司：云適配 Star：6710
Frozen UI
Github：https://github.com/frozenui/frozenui
作者： QQVIP FD Team Star：1,067
Frozen UI
Github：https://github.com/frozenui/frozenui
作者： QQVIP FD Team Star：1,067
WeUIi
Github：https://github.com/weui/weui
Star：7,129
SUI
Github：https://github.com/sdc-alibaba/sui
Star：120
第六個是近期剛起來的 AUI，雖然作者聲稱是專為APICloud開發者設計的一套UI框架，但實際它還是解決了很多移動前端開發的 普遍問題，是它主要面向混合開發的 CSS 框架。，所以看起來作者比較猖狂，各種CSS3 遍地使用，這也使得我不得不去查查這些 個 CSS3 的兼容性。不負眾望果然選的都是兼容不錯的屬性，哈哈了一頓激動從前輩手上大膽認識了幾個好東西，并且框架還提供了聊天界面、計數列表等組 件，解決了很多復雜的讓我罵娘的布局，現在可以直接拿走就用。
總結：這個框架對我來說有個優點就是純 CSS 框架，自己以前也就用過 Pure，自己有點 js 能力，如果不是復雜的效果自己找個 純 CSS 框架自己隨便改改就能達到效果，而現在 CSS3 也已經能夠做到各種動畫，效率、質量、高效各種一頓考慮所以還是選擇了這種 CSS 框 架。而一直覺得不滿的是這框架的文檔真的好那什么，說好的高大上呢。
曾經一直使用 Android 系統的我，后來見到 IOS，果斷移情別戀了，不知道為什么蘋果每次調整系統我都特別喜歡，后來一段時間因為缺設計 我專門模仿 IOS 系統做 UI，但始終不能夠做到很好，無意間就發現了 MUI 這個框架，這個框架給我的吸引之處就是它的 UI 是以 IOS 為 主體設計的，當然它也補充了android UI樣式。并且MUI官方聲稱用來開發深入以后發現拿它做 APP 還能夠提高用戶使用流暢度，然后便試著 更深入的了解和使用一段時間。
Github：https://github.com/dcloudio/mui
總結：就像之前說的這個框架是以兩大系統為參照來封裝UI組件，框架自身還有一個較為活躍的社區，不太好的地方這也是我特別關注的一點，關于開發應 用的流暢度，我當然知道這是 H5 目前的劣勢，但是看到官網給的描述，還是抱著期待的心理試試看能否提升，然而它其實還是需要是借助 Webview來 提升，而不是框架本身。
倒數第三個是 Semantic UI，接觸這個框架還是因為 Bootstrap，Semantic UI 剛上線 github 就受到大量開發者的關注，以至于很多人拿它倆對比各種挑刺各種夸，是好是壞不能單憑別人三句四句就抬起手指開始贊，用了以后感覺 UI 上跟 Bootstrap 沒太多的區別，不過代碼命名規范上卻相差甚大，本人認為 Semantic UI 是不是就想做的不一樣，它的命名全是采用復合的方式，類名特別的離散，用的時候你得很小心自己擴展或者新增的 class 命名與它的類名沖突。
Github：https://github.com/semantic-org/semantic-ui/
Foundation 算是框架界的元老啦，都說框架去的早，而這個框架一直到現在依然這么的熱門，如果你比較介意 Bootstrap 開發撞臉的尷尬事情，那么你可以考慮使用 Foundation 。即使你使用預定義的 UI 元素, 也不會與其他網站太像，就像官方說的給開發者更靈活的框架體驗。
Github：https://github.com/zurb/foundation-sites
UiKit
Pure
Star：13,592
<p style="box-sizing:border-box;-webkit-tap-highlight-color:rgba(255, 0, 0, 0);margin-top:0px;margin-bottom:16px;color:#444444;font-family:" font-size:15px;white-space:normal;background-color:#ffffff;"=""> 介紹完畢，估計你應該看出來了，我使用框架真的也就是遇到了需求，才選擇了某個框架，所以框架之間并沒有什么好與特好之分，只能說你的需求是什么， 這個框架合適不合適你去用，各種框架用起來也都大致差不多，會用一個其他的上手也就都變得簡單容易上手，我覺得能寫框架的人都是室外高仁。
