純粹的總結(jié)一下移動web開發(fā)框架，移動web開發(fā)框架有jQuery Mobile 、Sencha Touch等等,他們都來源于web開發(fā)，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch來自于ExtJS。jQuery Mobile 和Sencha Touch都是比較成熟老牌的框架，項目中也有應(yīng)用。國內(nèi)也有公司，像BAT巨頭也在探索和實現(xiàn)了適合自己的移動web框架。

1、jQuery Mobile

jQuery Mobile框架能夠幫助你快速開發(fā)出支持多種移動設(shè)備的Mobile應(yīng)用用戶界面。jQuery Mobile最新版本是1.4.0，默認(rèn)主題采用扁平化設(shè)計風(fēng)格。jQuery Mobile1.4.0主要側(cè)重于性能和控件方面的改進。除了全新的默認(rèn)主題和SVG圖標(biāo)，還新增了開關(guān)控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能，更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優(yōu)勢，并且提供了豐富的適合手機應(yīng)用的UI組件。jQuery Mobile還有很多的第三方擴展。

1.1 jQuery mobile flat-ui 主題

https://github.com/ququplay/jquery-mobile-flat-ui-theme

1.2jQuery mobile Bootstrap 主題

https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

2、Sencha Touch

Sencha Touch做的Web App看起來更像Native App，用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML 5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和iOS設(shè)備。Sencha Touch提供了超過50個組件。

3、阿里系web框架

Kissy是阿里前端自己開發(fā)的前端框架，KISSY 是一款跨終端、模塊化、使用簡單的 JavaScript 框架。除了完備的工具集合諸如 DOM、Event、Ajax、Anim 等，KISSY 還面向團隊協(xié)作做了獨特設(shè)計，提供了經(jīng)典的面向?qū)ο?、動態(tài)加載、性能優(yōu)化解決方案。作為一款全終端支持的 JavaScript 框架，KISSY 為移動終端做了大量適配和優(yōu)化，讓你的程序在全終端均能流暢運行。KISSY Mobile是一套面向移動端的功能特性集合，實現(xiàn)靈活配置的轉(zhuǎn)場動畫和View的解偶。KISSY 5.0已經(jīng)全面支持移動端。Kissy架構(gòu)可以參考這里。Kissy架構(gòu)圖：

4、百度移動web框架

百度移動web框架有三個了解了一下。

4.1 GMU

GMU（Global Mobile UI）是百度前端通用組開發(fā)的移動端組件庫，具有代碼體積小、簡單、易用等特點，組件內(nèi)部處理了很多移動端的bug，覆蓋機型廣，能大大減少開發(fā)交互型組件的工作量，非常適合移動端網(wǎng)站項目。 該組件基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件!

4.2 Clouda+

Clouda+是移動web應(yīng)用開發(fā)整體解決方案，并特別針對百度輕應(yīng)用場景進行了優(yōu)化，旨在讓webapp體驗和交互媲美Native應(yīng)用。

4.3 efe

efe百度商業(yè)體系前端團隊推出的web框架，efe有如優(yōu)勢。

4.3.1模塊化、組合式的移動前端框架
4.3.2基于 Stylus 的移動端樣式庫

他是提供了 JavaScript 模塊、CSS 樣式庫與開發(fā)平臺的完整前端解決方案。擅長移動端 SPA 項目、輕應(yīng)用。

他是專為移動端設(shè)計的 Mixin 風(fēng)格樣式工具庫。在其基礎(chǔ)上創(chuàng)建了 Rider UI，一個靈活的 UI 樣式庫。

5、tencent

5.1 Spirit

Spirit并不是一個具體的框架或者工具，但是她是移動端一系列解決方案的整合與聚攏。她是Alloyteam開發(fā)團隊在移動開發(fā)項目中通過大量實踐、歸納、總結(jié)提煉而成，最終沉淀下來的一個體系，真正建立一套移動Web開發(fā)的集成解決方案。Spirit主要由5個部分組成：移動Web開發(fā)規(guī)范、JM、JMUI、Mobug、Mars。

5.2 Frozen UI

Frozen UI是騰訊ISUX團隊（社交用戶體驗設(shè)計團隊）根據(jù)最新的手機QQ設(shè)計規(guī)范制作的移動端Web框架，包括CSS基礎(chǔ)樣式和組件、JavaScript基礎(chǔ)組件和一些動畫效果庫。為了方便記憶和增添趣味性，騰訊ISUX團隊為它取了動畫片《冰雪奇緣》的英文名，并把Elsa女王作為該項目的卡通代言人。

項目主頁：http://frozenui.github.io

Github代碼托管地址：https://github.com/frozenui/frozenui

6、ionic

Ionic提供了一個免費且開源的移動優(yōu)化HTML，CSS和JS組件庫，來構(gòu)建高交互性應(yīng)用。基于Sass構(gòu)建和AngularJS 優(yōu)化。

Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產(chǎn)生神奇的效果，盡管通常組件不需要編碼，通過框架擴展可以很容易地使用，比如我們的AngularIonic擴展。

Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然后視圖控制器“驅(qū)動”內(nèi)部視圖來提供交互和UI功能。一個很好的例子就是標(biāo)簽欄（Tab Bar）視圖控制器處理點擊標(biāo)簽欄在一系列可視化面板間切換。 github。

7、Amaze UI

Amaze UI 采用業(yè)內(nèi)先進的 Mobile first 理念，從小屏逐步擴展到大屏，最終實現(xiàn)所有屏幕適配，適應(yīng)移動互聯(lián)潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件，更有 17 款包含近 60 個主題的 Web 組件，可快速構(gòu)建界面出色、體驗優(yōu)秀的跨屏頁面，大幅度提升你的開發(fā)效率。Amaze UI 非常注重性能，基于輕量的 Zepto.js 開發(fā)，并使用 CSS3 來做動畫交互，平滑、高效，更適合移動設(shè)備，讓你的 Web 應(yīng)用可以高速載入。

8、CardKit

CardKit 是來自豆瓣的一個移動 UI 框架，使用 Card\Unit\Component 概念快速構(gòu)建移動 Web 應(yīng)用。應(yīng)用外觀跟原生應(yīng)用無異。

9、App.js

App.js 是一個輕量級的 JavaScript UI 庫，用來創(chuàng)建移動的 Web 應(yīng)用，應(yīng)用的外觀跟原生的應(yīng)用相同，性能也近乎一致。

特點：

跨平臺，支持 Android 2.2+ 和 iOS 4.3+

Widgets 和自定義主題

頁面調(diào)整管理

10、Junior

Junior為前端框架，用來構(gòu)建基于HTML5的移動Web應(yīng)用，外觀與行為跟本地應(yīng)用相似。它采用針對移動性能優(yōu)化的CSS3轉(zhuǎn)換，支持旋轉(zhuǎn)燈箱效果，包含多樣的Ratchet UI組件。整個框架使用Zepto（類似jQuery語法的輕量級移動設(shè)備js類庫），且整合了backbone.js的視圖和路由。Junior十分易于使用，且提供詳細的文檔及案例，便于學(xué)習(xí)。

11、Jingle

Jingle是一個SPA(Single Page Application)開發(fā)框架，用來開發(fā)移動端的html5應(yīng)用，在體驗上盡量去靠近native應(yīng)用，希望有一天html5能夠做到與native一樣的操作體驗。提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動端常用的組件，簡單適用.

12、mui

性能和體驗的差距，一直是mobile app開發(fā)者放棄HTML5的首要原因。 瀏覽器天生的切頁白屏、不忍直視的轉(zhuǎn)頁動畫、浮動元素的抖動、無法流暢下拉刷新等問題，這些都讓HTML5開發(fā)者倍感挫敗，尤其拿到Android低端機運行，摔手機的心都有； 另一方面，瀏覽器默認(rèn)控件樣式又少又丑，制作一個漂亮的控件非常麻煩，也有一些制作簡單的ui框架但性能低下。

mui框架有效的解決了這些問題，這是一個可以方便開發(fā)出高性能App的框架，也是目前最接近原生App效果的框架。

13、Polymer

Google給我們帶來了Polymer。Polymer是是一個讓你可以輕易創(chuàng)建web組件的框架。
在他們完成開發(fā)web應(yīng)用底層結(jié)構(gòu)之后，他們開始專注于UI。Polymer 是 material design 在 web 平臺的實現(xiàn). Polymer 團隊與 material design 設(shè)計團隊合作非常的緊密。 事實上, Polymer 在 material design 的研發(fā)階段扮演著關(guān)鍵性的角色: 它被用于快速原型化和重現(xiàn)設(shè)計的概念.