作爲一名做爲在前端死纏爛打6年并且懶到不行的攻城士，這(zhè)幾年我還(hái)是閱過(guò)很多同門從知名到很知名的各種(zhǒng)前端框架，本來想拿15-20個框架來分享一 下，但在跟幾個前輩讨教寫文章的技巧時果斷被無情的打擊了，所以這(zhè)裡(lǐ)我還(hái)是低調的隻拿出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
第六個是近期剛起(qǐ)來的 AUI，雖然作者聲稱是專爲APICloud開(kāi)發(fā)者設計的一套UI框架，但實際它還(hái)是解決了很多移動前端開(kāi)發(fā)的 普遍問題，是它主要面(miàn)向(xiàng)混合開(kāi)發(fā)的 CSS 框架。，所以看起(qǐ)來作者比較猖狂，各種(zhǒng)CSS3 遍地使用，這(zhè)也使得我不得不去查查這(zhè)些 個 CSS3 的兼容性。不負衆望果然選的都(dōu)是兼容不錯的屬性，哈哈了一頓激動從前輩手上大膽認識了幾個好(hǎo)東西，并且框架還(hái)提供了聊天界面(miàn)、計數列表等組 件，解決了很多複雜的讓我罵娘的布局，現在可以直接拿走就用。
總結：這(zhè)個框架對(duì)我來說有個優點就是純 CSS 框架，自己以前也就用過(guò) Pure，自己有點 js 能(néng)力，如果不是複雜的效果自己找個 純 CSS 框架自己随便改改就能(néng)達到效果，而現在 CSS3 也已經(jīng)能(néng)夠做到各種(zhǒng)動畫，效率、質量、高效各種(zhǒng)一頓考慮所以還(hái)是選擇了這(zhè)種(zhǒng) CSS 框 架。而一直覺得不滿的是這(zhè)框架的文檔真的好(hǎo)那什麼(me)，說好(hǎo)的高大上呢。
曾經(jīng)一直使用 Android 系統的我，後(hòu)來見到 IOS，果斷移情别戀了，不知道(dào)爲什麼(me)蘋果每次調整系統我都(dōu)特别喜歡，後(hòu)來一段時間因爲缺設計 我專門模仿 IOS 系統做 UI，但始終不能(néng)夠做到很好(hǎo)，無意間就發(fā)現了 MUI 這(zhè)個框架，這(zhè)個框架給我的吸引之處就是它的 UI 是以 IOS 爲 主體設計的，當然它也補充了android UI樣式。并且MUI官方聲稱用來開(kāi)發(fā)深入以後(hòu)發(fā)現拿它做 APP 還(hái)能(néng)夠提高用戶使用流暢度，然後(hòu)便試着 更深入的了解和使用一段時間。
Github：https://github.com/dcloudio/mui
總結：就像之前說的這(zhè)個框架是以兩(liǎng)大系統爲參照來封裝UI組件，框架自身還(hái)有一個較爲活躍的社區，不太好(hǎo)的地方這(zhè)也是我特别關注的一點，關于開(kāi)發(fā)應 用的流暢度，我當然知道(dào)這(zhè)是 H5 目前的劣勢，但是看到官網給的描述，還(hái)是抱着期待的心理試試看能(néng)否提升，然而它其實還(hái)是需要是借助 Webview來 提升，而不是框架本身。
倒數第三個是 Semantic UI，接觸這(zhè)個框架還(hái)是因爲 Bootstrap，Semantic UI 剛上線 github 就受到大量開(kāi)發(fā)者的關注，以至于很多人拿它倆對(duì)比各種(zhǒng)挑刺各種(zhǒng)誇，是好(hǎo)是壞不能(néng)單憑别人三句四句就擡起(qǐ)手指開(kāi)始贊，用了以後(hòu)感覺 UI 上跟 Bootstrap 沒(méi)太多的區别，不過(guò)代碼命名規範上卻相差甚大，本人認爲 Semantic UI 是不是就想做的不一樣，它的命名全是采用複合的方式，類名特别的離散，用的時候你得很小心自己擴展或者新增的 class 命名與它的類名沖突。
Github：https://github.com/semantic-org/semantic-ui/
Foundation 算是框架界的元老啦，都(dōu)說框架去的早，而這(zhè)個框架一直到現在依然這(zhè)麼(me)的熱門，如果你比較介意 Bootstrap 開(kāi)發(fā)撞臉的尴尬事(shì)情，那麼(me)你可以考慮使用 Foundation 。即使你使用預定義的 UI 元素, 也不會與其他網站太像，就像官方說的給開(kāi)發(fā)者更靈活的框架體驗。
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;"=""> 介紹完畢，估計你應該看出來了，我使用框架真的也就是遇到了需求，才選擇了某個框架，所以框架之間并沒(méi)有什麼(me)好(hǎo)與特好(hǎo)之分，隻能(néng)說你的需求是什麼(me)， 這(zhè)個框架合适不合适你去用，各種(zhǒng)框架用起(qǐ)來也都(dōu)大緻差不多，會用一個其他的上手也就都(dōu)變得簡單容易上手，我覺得能(néng)寫框架的人都(dōu)是室外高仁。
購物車
