純粹的總結(jié)一下移動web開發(fā)框架，移動web開發(fā)框架有jQuery Mobile 、Sencha Touch等等,他們都來源于web開發(fā)，是成熟的框架，jQuery Mobile出自于jQuery家族，Sencha Touch來自于ExtJS。jQuery Mobile 和Sencha Touch都是比較成熟老牌的框架，項(xiàng)目中也有應(yīng)用。國內(nèi)也有公司，像BAT巨頭也在探索和實(shí)現(xiàn)了適合自己的移動web框架。
1、jQuery Mobile
jQuery Mobile框架能夠幫助你快速開發(fā)出支持多種移動設(shè)備的Mobile應(yīng)用用戶界面。jQuery Mobile最新版本是1.4.0，默認(rèn)主題采用扁平化設(shè)計(jì)風(fēng)格。jQuery Mobile1.4.0主要側(cè)重于性能和控件方面的改進(jìn)。除了全新的默認(rèn)主題和SVG圖標(biāo)，還新增了開關(guān)控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能，更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優(yōu)勢，并且提供了豐富的適合手機(jī)應(yīng)用的UI組件。jQuery Mobile還有很多的第三方擴(kuò)展。
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 還面向團(tuán)隊(duì)協(xié)作做了獨(dú)特設(shè)計(jì)，提供了經(jīng)典的面向?qū)ο蟆討B(tài)加載、性能優(yōu)化解決方案。作為一款全終端支持的 JavaScript 框架，KISSY 為移動終端做了大量適配和優(yōu)化，讓你的程序在全終端均能流暢運(yùn)行。KISSY Mobile是一套面向移動端的功能特性集合，實(shí)現(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ā)的移動端組件庫，具有代碼體積小、簡單、易用等特點(diǎn)，組件內(nèi)部處理了很多移動端的bug，覆蓋機(jī)型廣，能大大減少開發(fā)交互型組件的工作量，非常適合移動端網(wǎng)站項(xiàng)目。 該組件基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件!
4.2 Clouda+
Clouda+是移動web應(yīng)用開發(fā)整體解決方案，并特別針對百度輕應(yīng)用場景進(jìn)行了優(yōu)化，旨在讓webapp體驗(yàn)和交互媲美Native應(yīng)用。
4.3 efe
efe百度商業(yè)體系前端團(tuán)隊(duì)推出的web框架，efe有如優(yōu)勢。
4.3.1模塊化、組合式的移動前端框架
4.3.2基于 Stylus 的移動端樣式庫
他是提供了 JavaScript 模塊、CSS 樣式庫與開發(fā)平臺的完整前端解決方案。擅長移動端 SPA 項(xiàng)目、輕應(yīng)用。
他是專為移動端設(shè)計(jì)的 Mixin 風(fēng)格樣式工具庫。在其基礎(chǔ)上創(chuàng)建了 Rider UI，一個靈活的 UI 樣式庫。
5、tencent
5.1 Spirit
Spirit并不是一個具體的框架或者工具，但是她是移動端一系列解決方案的整合與聚攏。她是Alloyteam開發(fā)團(tuán)隊(duì)在移動開發(fā)項(xiàng)目中通過大量實(shí)踐、歸納、總結(jié)提煉而成，最終沉淀下來的一個體系，真正建立一套移動Web開發(fā)的集成解決方案。Spirit主要由5個部分組成：移動Web開發(fā)規(guī)范、JM、JMUI、Mobug、Mars。
5.2 Frozen UI
Frozen UI是騰訊ISUX團(tuán)隊(duì)（社交用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)）根據(jù)最新的手機(jī)QQ設(shè)計(jì)規(guī)范制作的移動端Web框架，包括CSS基礎(chǔ)樣式和組件、JavaScript基礎(chǔ)組件和一些動畫效果庫。為了方便記憶和增添趣味性，騰訊ISUX團(tuán)隊(duì)為它取了動畫片《冰雪奇緣》的英文名，并把Elsa女王作為該項(xiàng)目的卡通代言人。
項(xiàng)目主頁：http://frozenui.github.io
Github代碼托管地址：https://github.com/frozenui/frozenui
6、ionic
Ionic提供了一個免費(fèi)且開源的移動優(yōu)化HTML，CSS和JS組件庫，來構(gòu)建高交互性應(yīng)用�；�Sass構(gòu)建和AngularJS 優(yōu)化。
Ionic既是一個CSS框架也是一個Javascript UI庫。許多組件需要Javascript才能產(chǎn)生神奇的效果，盡管通常組件不需要編碼，通過框架擴(kuò)展可以很容易地使用，比如我們的AngularIonic擴(kuò)展。
Ionic遵循視圖控制模式，通俗的理解和 Cocoa 觸摸框架相似。在視圖控制模式中，我們將界面的不同部分分為子視圖或包含其他視圖的子視圖控制器。然后視圖控制器“驅(qū)動”內(nèi)部視圖來提供交互和UI功能。一個很好的例子就是標(biāo)簽欄（Tab Bar）視圖控制器處理點(diǎn)擊標(biāo)簽欄在一系列可視化面板間切換。
7、Amaze UI
Amaze UI 采用業(yè)內(nèi)先進(jìn)的 Mobile first 理念，從小屏逐步擴(kuò)展到大屏，最終實(shí)現(xiàn)所有屏幕適配，適應(yīng)移動互聯(lián)潮流。Amaze UI 含近 20 個 CSS 組件、10 個 JS 組件，更有 17 款包含近 60 個主題的 Web 組件，可快速構(gòu)建界面出色、體驗(yàn)優(yōu)秀的跨屏頁面，大幅度提升你的開發(fā)效率。Amaze UI 非常注重性能，基于輕量的 Zepto.js 開發(fā)，并使用 CSS3 來做動畫交互，平滑、高效，更適合移動設(shè)備，讓你的 Web 應(yīng)用可以高速載入。
8、CardKit
CardKit 是來自豆瓣的一個移動 UI 框架，使用 CardUnitComponent 概念快速構(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)用相同，性能也近乎一致。
特點(diǎn)：
跨平臺，支持 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十分易于使用，且提供詳細(xì)的文檔及案例，便于學(xué)習(xí)。
11、Jingle
Jingle是一個SPA(Single Page Application)開發(fā)框架，用來開發(fā)移動端的html5應(yīng)用，在體驗(yàn)上盡量去靠近native應(yīng)用，希望有一天html5能夠做到與native一樣的操作體驗(yàn)。提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動端常用的組件，簡單適用。
12、mui
性能和體驗(yàn)的差距，一直是mobile app開發(fā)者放棄HTML5的首要原因。 瀏覽器天生的切頁白屏、不忍直視的轉(zhuǎn)頁動畫、浮動元素的抖動、無法流暢下拉刷新等問題，這些都讓HTML5開發(fā)者倍感挫敗，尤其拿到Android低端機(jī)運(yùn)行，摔手機(jī)的心都有； 另一方面，瀏覽器默認(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 平臺的實(shí)現(xiàn). Polymer 團(tuán)隊(duì)與 material design 設(shè)計(jì)團(tuán)隊(duì)合作非常的緊密。 事實(shí)上, Polymer 在 material design 的研發(fā)階段扮演著關(guān)鍵性的角色: 它被用于快速原型化和重現(xiàn)設(shè)計(jì)的概念。