开发移动端前端框架

1 jQuery Mobile   ****
   jQuery Mobile框架可以帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标,还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件。jQuery Mobile继承了jQuery的优点,而且提供了丰富的适合手机应用的UI组件。jQuery Mobile还有不少的第三方扩展。
jQuery Mobile 是建立移动 web 应用程序的框架。
jQuery Mobile 适用于全部流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 经过尽量少的脚本对页面进行布局。
JQuery Mobile 和 HTML5 的3个缺点:
1.比原生程序运行慢
2.古怪(跨浏览器、跨平台开发):JQuery Mobile如今还是beta版本
3.有限的能力 vs 原生程序

2 Sencha Touch
   Sencha Touch作的Web App看起来更像Native App,用户界面组件和丰富的数据管理,所有基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备。Sencha Touch提供了超过50个组件。

3 阿里系web框架  ****
 Kissy是阿里前端本身开发的前端框架,KISSY 是一款跨终端、模块化、使用简单的 JavaScript 框架。除了完备的工具集合诸如 DOM、Event、Ajax、Anim 等,KISSY 还面向团队协做作了独特设计,提供了经典的面向对象、动态加载、性能优化解决方案。做为一款全终端支持的 JavaScript 框架,KISSY 为移动终端作了大量适配和优化,让你的程序在全终端均能流畅运行。KISSY Mobile是一套面向移动端的功能特性集合,实现灵活配置的转场动画和View的解偶。KISSY 5.0已经全面支持移动端。

4 百度移动web框架
GMU
Clouda+
efe

5 腾讯系
Spirit
Frozen UI     ****
Frozen UI是腾讯ISUX团队(社交用户体验设计团队)根据最新的手机QQ设计规范制做的移动端Web框架,包括CSS基础样式和组件、JavaScript基础组件和一些动画效果库。为了方便记忆和增添趣味性,腾讯ISUX团队为它取了动画片《冰雪奇缘》的英文名,并把Elsa女王做为该项目的卡通代言人
6 ionic
Ionic提供了一个免费且开源的移动优化HTML,CSS和JS组件库,来构建高交互性应用。基于Sass构建和AngularJS 优化。

    Ionic既是一个CSS框架也是一个Javascript UI库。许多组件须要Javascript才能产生神奇的效果,尽管一般组件不须要编码,经过框架扩展能够很容易地使用,好比咱们的AngularIonic扩展。

    Ionic遵循视图控制模式,通俗的理解和 Cocoa 触摸框架类似。在视图控制模式中,咱们将界面的不一样部分分为子视图或包含其余视图的子视图控制器。而后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。
7 Amaze UI
Amaze UI 采用业内先进的 Mobile first 理念,从小屏逐步扩展到大屏,最终实现全部屏幕适配,适应移动互联潮流。Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅度提高你的开发效率。Amaze UI 很是注重性能,基于轻量的 Zepto.js 开发,并使用 CSS3 来作动画交互,平滑、高效,更适合移动设备,让你的 Web 应用能够高速载入。
8 CardKit
CardKit 是来自豆瓣的一个移动 UI 框架,使用 Card\Unit\Component 概念快速构建移动 Web 应用。应用外观跟原生应用无异。
9 mui  ***
性能和体验的差距,一直是mobile app开发者放弃HTML5的首要缘由。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、没法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤为拿到Android低端机运行,摔手机的心都有; 另外一方面,浏览器默认控件样式又少又丑,制做一个漂亮的控件很是麻烦,也有一些制做简单的ui框架但性能低下。
mui框架有效的解决了这些问题,这是一个能够方便开发出高性能App的框架,也是目前最接近原生App效果的框架。
10 Polymer
Polymer是是一个让你能够轻易建立web组件的框架。
在他们完成开发web应用底层结构以后,他们开始专一于UI。Polymer 是 material design 在 web 平台的实现. Polymer 团队与 material design 设计团队合做很是的紧密。 事实上, Polymer 在 material design 的研发阶段扮演着关键性的角色: 它被用于快速原型化和重现设计的概念.
11 Kendo UI
Kendo UI包含了开发现代JavaScript开发所须要的全部一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
12 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 以带来最好的用户体验并保持简单。前端

相关文章
相关标签/搜索