移動web app開發框架

文章地址：http://www.cnblogs.com/soulaz/p/5586787.html

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的關鍵字有：

1. Bootstrap 3

2. AngularJS

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

4. 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開發。基於最新的HTML五、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 以帶來最好的用戶體驗並保持簡單。