1.bootstrap
bootstrap 的用法及其簡單( 這也可能就是 bootstrap 作者閱攻城士無數，了解他們痛的結果 )，以至於是個小前端都可以快速上手，幾乎沒什麼學習成本。
官網：github：
2.aui
第三個是最近剛起來的aui，雖然作者聲稱是專為apicloud開發者設計的一套ui框架，但實際它還是解決了很多移動前端開發的普遍問題，是主要面向混合開發的 css 框架。看起來作者比較猖狂，各種高階 css3 遍地使用，這讓我也不得不去查查這些個 css3 的相容性。
github：
官網：總結：純 css 框架自己有點 js 能力，如果不是複雜的效果，找個純 css 框架自己隨便改改就可以，而現在 css3 也已經能夠做到動畫，效率、質量、高效全兼顧，所以還是選擇了這種 css 框架。有一點覺得不滿的是這框架的文件真的好那什麼，說好的高大上呢。
3.amaze ui
按照官方的話說就是 "基於社群開源專案構建的乙個跨屏前端框架，以移動優先，從小屏到大屏，最終實現所有螢幕適配，適應移動互聯潮流" 。但其實我就是看中它能解決國內瀏覽器存在的跨屏適配和相容性問題。
官網：github：
總結：amaze ui 總的來說就是加入更多符合中國市場特性的元素，框架對跨屏、適配都做了的比較好的處理並且準備一了一系列的常用的網頁元件，為減少搞相容、適配各種敲鍵盤的加班狗們的工作時間做了不小的貢獻。，框架還對中文排版優化，相容中國本土主流瀏覽器、輕量化，不僅適用於桌面端，還更更適合移動端、包含一些封裝好的widgets。
4.frozen ui
有段時間看到 qq 瞬間高大上了，後來四處打聽，原來 qq 客服端也用了 混合開發，其中qq會員前端用的是 frozen ui，並且這套框架開源，欣喜若狂耐不住心裡的寂寞直接上手試了一遍，初體驗感覺基礎樣式效果簡單色調清爽，有個比較活躍的社群所以元件什麼的也比較豐富。
github：
官網：5.weuii
第四個是weui和同 frozenui都屬於 差不多的 weui了，也是乙個比較專一的框架，weui應該說比frozenui前者更專一，話說連個官網都不搞，所有答疑都在 github issues 解決了，這個框架極其簡單，體積當然就不用說了，模組也就 7 個左右，不過體量雖然小做的卻不錯，口碑看 star 就夠了，框架從 16/1/23 發版至今 github star 超過 7k,不過也不排除使用者沒地方發洩所以都跑到 git 上來，哈哈。
github：
demo：
6.sui
「sui 是一套基於bootstrap開發的前端元件庫，同時它她也是一套設計規範。通過sui，可以非常方便的設計和實現精美的頁面」。 如果你之前用過 bootstrap， 那麼可以輕鬆轉向 sui，這可能就是**給前端屌絲們的福利了。。
github：
官網：7.mui
官網：github：
總結：就像之前說的這個框架是以兩大系統為參照來封裝ui元件，框架自身還有乙個較為活躍的社群，不太好的地方這也是我特別關注的一點，關於開發應用的流暢度，我當然知道這是 h5 目前的劣勢，但是看到官網給的描述，還是抱著期待的心理試試看能否提公升，然而它其實還是需要是借助 webview來提公升，而不是框架本身。
8.semantic ui
倒數第三個是 semantic ui，接觸這個框架還是因為 bootstrap，semantic ui 剛上線 github 就受到大量開發者的關注，以至於很多人拿它倆對比各種挑刺各種誇，是好是壞不能單憑別人三句四句就抬起手指開始贊，用了以後感覺 ui 上跟 bootstrap 沒太多的區別，不過**命名規範上卻相差甚大，本人認為 semantic ui 是不是就想做的不一樣，它的命名全是採用復合的方式，類名特別的離散，用的時候你得很小心自己擴充套件或者新增的 class 命名與它的類名衝突。
官網：github：
9。foundation
foundation 算是框架界的元老啦，都說框架去的早，而這個框架一直到現在依然這麼的熱門，如果你比較介意 bootstrap 開發撞臉的尷尬事情，那麼你可以考慮使用 foundation 。即使你使用預定義的 ui 元素, 也不會與其他**太像，就像官方說的給開發者更靈活的框架體驗。
官網：github：
10.uikit
uikit是yootheme團隊開發的，在許多wordpress主題中都有應用(也就是如果你是個 wordpress 愛好者，那麼這個框架應該比較適合深究)，並且框架能夠通過gui編輯器和手動編輯，所以它提供了乙個靈活、強大的自定義機制。框架借助less、jquery、normalize.css及fontawesome開源專案的獨有特點，整合成了這麼一款輕量級、模組化的前端框架。
官網：github：
11.pure
選擇使用也是因為框架小巧，並且是純 css，沒有太多的牽扯，好用來與其他框架快速結合使用。
官網：github：
常用前端UI框架
bootstrap 官網 layui 官網 aui 官網 amaze ui 官網 frozen ui 官網 weuii 官網 sui 官網 mui 官網 semantic ui 官網 foundation 官網 uikit 官網 pure 官網 基於vue使用的ui框架 element ui 官網 ...
前端框架的部署
這個作業屬於哪個課程 課程位址 這個作業要求在 作業位址 這個作業的目標 軟體工程實踐總結 個人技術部落格 作業正文 作業正文位址 其他參考文獻 構建之法現代軟體工程 技術概述，描述這個技術是做什麼？學習該技術的原因，技術的難點在 控制在50 100字內。這個技術是專案完成之後必須經歷的部署階段的任...
前端開發框架 前端開發框架Angular生死年
這個標題，並不是說前端開發框架angular明年就會火或者會死去，而是說，今年將會決定它接下來死活的趨勢。舉例乙個跡象 twitter在2019年轉向react，netflix也有同樣的意向。而這兩家公司，之前都是用ember。ember框架，和angular非常近似。基本上，就是填了一些坑的另乙個...