jQuery Mobile

? ??jQuery Mobile框架能夠幫助你快速開發出支持多種移動設備的Mobile應用用戶界面。jQuery Mobile最新版本是1.4.0，默認主題采用扁平化設計風格。jQuery Mobile1.4.0主要側重于性能和控件方面的改進。除了全新的默認主題和SVG圖標，還新增了開關控件、通用過濾器、箭頭彈出框、滑動提示框等一系列功能，更是集成了jQuery UI的Tab部件。jQuery Mobile繼承了jQuery的優勢，并且提供了豐富的適合手機應用的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

?

?

Frozen UI

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

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

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

?

?

ionic

? ??Ionic提供了一個免費且開源的移動優化HTML，CSS和JS組件庫，來構建高交互性應用。基于Sass構建和AngularJS?優化。

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

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

?

?

?

Amaze UI

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

CardKit

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

App.js

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

特點：

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

Widgets 和自定義主題

頁面調整管理

?

Mobile Angular UI

?

????Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。

Mobile Angular UI的關鍵字有：

Bootstrap 3

AngularJS

Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。

AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

響應式媒體查詢是將bootstrap作為單獨的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過一些AngularJS指令創建友好的用戶體驗。

詳細了解可以看一看?the Mobile Angular UI demo page，上面有Mobile Angular UI的實踐，如果你想了解的更深入一些，我建議你讀一讀?getting started with Mobile Angular UI。

?

?

?

Kendo UI

Telerik’s?Kendo UI?是一個強大的框架用于快速HTML5 UI開發。基于最新的HTML5、CSS3和JavaScript標準。

Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

?

?

Framework7

????Framework7?- 是一款開源免費的移動端 HTML 框架， 用于開發接近原生iOS或Android系統外觀和體驗的 hybrid mobile apps 或 web apps。當然你也可以把它當成一款快速制作高保真APP原型的工具。

????Framework7 的主要目標是讓你能夠輕松地使用 HTML, CSS and JavaScript 開發iOS 或 Android 應用。Framework7 是非常靈活的。 它并不會限制你的想象力或者強制搭配某些架構方案。 Framework7 給你最大程度的自由。

????Framework7 并不打算兼容所有平臺。 它主要專注 iOS 和 Google Material design 以帶來最好的用戶體驗并保持簡單。

轉載于:https://www.cnblogs.com/Im-Victor/p/9218066.html

總結

以上是生活随笔為你收集整理的介绍几个移动web app开发框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。