移动5

我不是女神ヾ 2022-06-02 04:25 83阅读 0赞

# [介绍几个移动web app开发框架][web app] #

# #

## 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][https_github.com_ququplay_jquery-mobile-flat-ui-theme]

### 1.2jQuery mobile Bootstrap 主题 ###

[https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme][https_github.com_commadelimited_jQuery-Mobile-Bootstrap-Theme]

### Frozen UI ###

[Frozen UI][]是腾讯ISUX团队（社交用户体验设计团队）根据最新的手机QQ设计规范制作的移动端Web框架，包括CSS基础样式和组件、JavaScript基础组件和一些动画效果库。为了方便记忆和增添趣味性，腾讯ISUX团队为它取了动画片《冰雪奇缘》的英文名，并把Elsa女王作为该项目的卡通代言人。

项目主页：[http://frozenui.github.io][http_frozenui.github.io]

Github代码托管地址：[https://github.com/frozenui/frozenui][https_github.com_frozenui_frozenui]

## ionic ##

[Ionic][]提供了一个免费且开源的移动优化HTML，CSS和JS[组件][Link 1]库，来构建高交互性应用。基于[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开发。基于最新的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 以带来最好的用户体验并保持简单。

[web app]: http://www.cnblogs.com/soulaz/p/5586787.html
[jQuery Mobile]: http://jquerymobile.com/
[https_github.com_ququplay_jquery-mobile-flat-ui-theme]: https://github.com/ququplay/jquery-mobile-flat-ui-theme
[https_github.com_commadelimited_jQuery-Mobile-Bootstrap-Theme]: https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme
[Frozen UI]: http://isux.tencent.com/
[http_frozenui.github.io]: http://frozenui.github.io/
[https_github.com_frozenui_frozenui]: https://github.com/frozenui/frozenui
[Ionic]: http://ionicframework.net/index.html
[Link 1]: http://ionicframework.net/docs/components/
[Sass]: http://sass-lang.com/
[AngularJS]: http://angularjs.org/
[github]: https://github.com/driftyco/ionic
[Amaze UI]: http://amazeui.org/
[CardKit]: https://github.com/douban-f2e/CardKit
[App.js]: http://code.kik.com/app/2/index.html
[Mobile Angular UI]: http://mobileangularui.com/
[the Mobile Angular UI demo page]: http://mobileangularui.com/demo
[getting started with Mobile Angular UI]: http://www.sitepoint.com/getting-started-mobile-angular-ui/
[Kendo UI]: http://www.telerik.com/
[Framework7]: http://framework7.io/