移动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 以带来最好的用户体验并保持简单。