首先是在問答里面看到了一個問題：
CSS框架 ui 有哪些?。?a rel="nofollow" >http://segmentfault.com/q/1010000002547926）

剛開始接觸HTML剛開始接觸JS我也不懂就看了下- 正好我也在考慮怎么用HTML來搭我的APP UI,。作為初學(xué)者，我發(fā)現(xiàn)Amaze UI是中文的,，覺得對初學(xué)者看起來會更簡單 - 尤其對HTML CSS等一竅不通,，很快有人推薦了Ratchet，看了下感覺用來做手機APP確實很簡單的樣子.. 開始糾結(jié)了.. 跟公司大神討教了下什么是UI框架以及一些主流的框架區(qū)別 優(yōu)劣勢,，以及我們一些項目上使用的內(nèi)容后,，大神總結(jié)出了以下內(nèi)容，受益匪淺 - 作為答案有點長,，以博文形式發(fā)出來供大家一起探討下：

------- 以下分割線 --------
IoTgo 用的是 Bootstrap（http://）,，原先是 Twitter 內(nèi)部的一個 CSS 框架，后來開源放到 Github 上,，成了 Github 上最熱門的項目,。Bootstrap 在 3.0 版本之前，都是以桌面優(yōu)先,，在 3.0 版本后,，采用移動優(yōu)先，即很好的支持移動平臺,，然后才考慮更好的支持桌面,。所以 Bootstrap 對手機的支持也很好。

Foundation（foundation.zurb.com） 是設(shè)計公司 zurb.com 推出的開源 CSS 框架,，在 CSS 框架領(lǐng)域是目前唯一能跟 Bootstrap 的競爭的項目,。Foundation 的可定制性更好一些（因為是設(shè)計公司的產(chǎn)品，要應(yīng)對各種客戶需求）,，但入手難度也高一些,。對于很多 Web 項目開發(fā)者而言，他們需要的就是一套簡單快捷的 UI,，對其美觀性,、可定制性要求不是太高，所以目前相對來講 Foundation 沒有 Bootstrap 熱門,。

答案中推薦的Ratchet如何：
Ratchet 之前也是 Twitter 內(nèi)部的一個 CSS 框架,，后來也是開源到 Github 上，目前是作為 Bootstrap 的子項目存在（http://blog./2014/04/02/ratchet-2-0-2-released/），開發(fā) Ratchet 和 Bootstrap 的基本就是同一撥人,。Ratchet 一開始就以移動為先,，預(yù)先提供了很多移動平臺的常見 UI 工具，比如底部 Tab 標簽欄,、頂部標題及后退按鈕,、滑動的側(cè)邊欄等等——Bootstrap 也有，只是很多以插件形式存在,，又或者需要自己做一些修改,，不像 Ratchet 默認就有。

如果是做一個小項目,，而且只以手機 App 的形式存在,，可以考慮先用 Ratchet，如果同時兼容桌面,，Bootstrap 更好一些,。而且 Bootstrap 更新的速度更快，馬上 4.0 版本就要出來了,，有很多針對移動平臺優(yōu)化的特性,，而 Ratchet 已經(jīng)快一年沒更新了。

另外,，目前的移動 CSS 框架（或者更合適的說,，UI 框架），還有 Facebook 的 React（http://facebook./react/）,，Google 的 Angular Material（https://material.）,，Telerik 的 Kendo UI(www.telerik.com/kendo-ui)，還有預(yù)先捆綁了 Cordova 的 Ionic Framework（ionicframework.com）等等,。大家的評價大致是：

• React：性能很好,，因為采用了 Virtual DOM，但沒有默認支持 2 way data binding（雙向數(shù)據(jù)綁定）,，程序員需要自己做更多的工作來通過 UI 獲取用戶的輸入
• Angular Material：前景非常好，只是目前處于 pre-release 階段（代碼兼容性和穩(wěn)定性都不是很好）,。Angular目前幾乎已經(jīng)是前臺 MVC 框架的事實標準（大約 70% 以上的占有率,，其他的還有 Ember、Meteor,、Backbone等等）,，Angular Material 基于 Google Material Design 開發(fā)，默認支持 Angular,，因而在 UI的美觀型和開發(fā)效率上都比較好,。但性能是個問題，解決性能問題，需要程序員自己對代碼做優(yōu)化
• Kendo UI：非常完備的 UI 框架,，但是是商業(yè)版（前段時間將部分核心模塊開源了）,。開發(fā)商業(yè) Web 或移動產(chǎn)品的企業(yè)更傾向Kendo UI 一些，因為可以得到很好的技術(shù)支持（當(dāng)然要花錢）,。Angular 熱門知會,，Telerik 也升級了 Kendo UI，使其能夠較好的跟 Angular 交互——Kendo UI 是 UI,，Angular 是前臺代碼邏輯
• Ionic Framework：目前非常熱門,，因為他在 Angular 的基礎(chǔ)上開發(fā)了支持移動平臺的 UI Widget（UI組件）。Ionic Framework 搭好了整套移動開發(fā)環(huán)境（指的是 App 開發(fā),，不是網(wǎng)站移動版）,、UI 套件、JS框架（Angular）,，因而在 2014 年獲得巨大的社區(qū)反響,。被譽為最有前景的移動開發(fā)框架（不僅僅是 UI 了）。

我個人對 Angular 比較熱衷,，所以都會選擇能夠很好跟 Angular 交互的 CSS/UI 框架——一般來說,，如果是純 CSS 框架，那么跟任一一個 MVC 框架（比如 Angular,、Ember）都可以很好的配合,；如果是 UI 框架，可能會有一些沖突,。

之前我們的智能開關(guān)手機 App 是基于 Ionic Framework 來開發(fā)的,，后來切換到 Angular Material。一個是 Ionic Framework 雖然入手簡單,，但出現(xiàn) Bug 我搞不清楚該怎么修改（需要花時間研究 Ionic Framework 的內(nèi)部工作機制）,，二是我認為 Material Design 會成為 UI 設(shè)計的主流思想，Angular Material 會很快成熟起來,。