`

移动web ui框架集合

阅读更多

纯粹的总结一下移动web开发框架,移动 web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用。国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架。

 

 

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还有很多的第三方扩展。

 

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

 

 

 

 

 

 

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已经全面支持移动端。Kissy架构可以参考这里Kissy架构图:


 

 

4、百度移动web框架

百度移动web框架有三个了解了一下。
 

4.1 GMU  

    GMU(Global Mobile UI)是 百度前端通用组开发的移动端组件库,具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作 量,非常适合移动端网站项目。 该组件基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!



4.2 Clouda+ 


    Clouda+是移动web应用开发整体解决方案,并特别针对百度轻应用场景进行了优化,旨在让webapp体验和交互媲美Native应用。

 

 

4.3 efe   

efe百度商业体系前端团队推出的web框架,efe有如优势。

4.3.1模块化、组合式的移动前端框架
4.3.2基于 Stylus 的移动端样式库

    他是提供了 JavaScript 模块、CSS 样式库与开发平台的完整前端解决方案。擅长移动端 SPA 项目、轻应用。

       他是专为移动端设计的 Mixin 风格样式工具库。在其基础上创建了 Rider UI,一个灵活的 UI 样式库。
 

 

5、tencent

5.1 Spirit

         Spirit并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是Alloyteam开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动Web开发的集成解决方案。Spirit主要由5个部分组成:移动Web开发规范、JM、JMUI、Mobug、Mars。

 

5.2 Frozen UI

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

    项目主页:http://frozenui.github.io

    Github代码托管地址:https://github.com/frozenui/frozenui

 

6、ionic

 

    Ionic提供了一个免费且开源的移动优化HTML,CSS和JS组件库,来构建高交互性应用。基于Sass构建和AngularJS 优化。

    Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。

    Ionic遵循视图控制模式,通俗的理解和 Cocoa 触摸框架相似。在视图控制模式中,我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。 一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。 github

 


 

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、App.js


    App.js 是一个轻量级的 JavaScript UI 库,用来创建移动的 Web 应用,应用的外观跟原生的应用相同,性能也近乎一致。

特点:

跨平台,支持 Android 2.2+ 和 iOS 4.3+

Widgets 和自定义主题

页面调整管理

 

10、Junior

    Junior为 前端框架,用来构建基于HTML5的移动Web应用,外观与行为跟本地应用相似。它采用针对移动性能优化的CSS3转换,支持旋转灯箱效果,包含多样的 Ratchet UI组件。整个框架使用Zepto(类似jQuery语法的轻量级移动设备js类库),且整合了backbone.js的视图和路由。 Junior十分易于使用,且提供详细的文档及案例,便于学习。
 
 
 
 

11、Jingle

 

    Jingle是 一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native 一样的操作体验。提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件,简单适用.

 
 
 
 

12、mui

    性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机 运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。

    mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。

 

 

13、Polymer

    Google给我们带来了Polymer。Polymer是是一个让你可以轻易创建web组件的框架。
在他们完成开发web应用底层结构之后,他们开始专注于UI。Polymer 是 material design 在 web 平台的实现. Polymer 团队与 material design 设计团队合作非常的紧密。 事实上, Polymer 在 material design 的研发阶段扮演着关键性的角色: 它被用于快速原型化和重现设计的概念.

分享到:
评论

相关推荐

    新的移动WebUI框架App-UI.zip

    app-UI 是一个免费开源的可重用 UI 组件容器的集合,对开发移动的 Web 应用非常有用,可使用 HTML JavaScript 开发交互式的移动 Web 应用。app-UI 可很好的跟 PhoneGap 集成。 标签:AppUI

    贝岭的matlab的代码-react-ui-component-collections:一组有用的React.jsUI套件和组件集合

    的移动应用程序开发框架和 SDK。 创建美观且高性能的跨平台移动应用程序。 基于 Web Components,并为 Angular 1、2、React 和 Vue.js 提供绑定。 ——聚焦本质体验。 —— :atom_symbol: React UI 组件库和设计系统...

    jQuery_Mobile_教程集合

    jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的...

    我们已经搬家了! UI Fabric现在是Fluent UI-一组用于构建Microsoft Web体验的React组件。-React开发

    Office Office UI Fabric React项目已演变为Fluent UI。 :party_popper:office-ui-fabric-...Fluent UI React基于React的前端框架,用于构建Web体验。 Fluent UI React是基于React的强大组件的集合,旨在使其易于使用

    QT是跨平台C++库的服务包括定位和定位服务、多媒体、NFC和蓝牙连接、传统的UI开发.zip

    QT,C++使用技巧,实战应用开发小系统参考资料,源码参考。 详细介绍了一些Qt框架的各种功能和模块,以及如何使用Qt...这些服务包括定位和定位服务、多媒体、NFC和蓝牙连接、基于Chromium的web浏览器以及传统的UI开发。

    springcloud-hichat(前后端分离)

    html框架:framework7+vue(移动web),element-ui(后台管理) 异步请求框架:axios 对象、集合等工具:lodash 图表工具:v-charts(因为本项目没有大量的数据,所以写的是静态数据做显示) 通讯:websocket 图片懒加载...

    UniApp之源码案例(36个案例):实例分享,助力开发

    适用人群: 本资源适用于Web开发者、移动应用程序开发者以及希望学习UniApp框架的初学者。如果你有一些前端开发经验,那么这个资源将帮助你更快地上手UniApp。 能学到什么: 学习这些源码案例将让你了解如何使用...

    office-ui-fabric-core:用于构建Office和Office 365体验的前端CSS框架

    Fabric是一种响应式的,移动优先的样式和工具集合,旨在使您可以快速,轻松地使用Office设计语言创建Web体验。 最新版本: 11.0.0内容包含什么该存储库包含在Fabric的各个方面使用的核心样式,包括图标,类型,字体...

    jquery-easyui-1.7.5.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

    Java版水果管理系统源码-website-collection:开发者的网址收藏

    为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。 : D3是基于数据的文档操作javascript库,D3能够把数据和HTML、SVG、CSS结合起来,创造出可交互的数据图表。 : jQuery UI 是以 ...

    jquery-esayui-1.5.2.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

    java开源包11

    AutoTips提供统一UI。 WAP浏览器 j2wap j2wap 是一个基于Java的WAP浏览器,目前处于BETA测试阶段。它支持WAP 1.2规范,除了WTLS 和WBMP。 Java注册表操作类 jared jared是一个用来操作Windows注册表的 Java 类库,...

    java开源包4

    AutoTips提供统一UI。 WAP浏览器 j2wap j2wap 是一个基于Java的WAP浏览器,目前处于BETA测试阶段。它支持WAP 1.2规范,除了WTLS 和WBMP。 Java注册表操作类 jared jared是一个用来操作Windows注册表的 Java 类库,...

    asp.net知识库

    使用microsoft.web.ui.webcontrols的TabStrip与IFame组件,达到页的切换效果 HttpModule 实现 ASP.Net (*.aspx) 中文简繁体的自动转换,不用修改原有的任何代码,直接部署即可! 服务器自定义开发二之客户端脚本回发 Web...

    bullframe.css:坚固,流畅,对IE友好(S)CSS框架

    这是Sass项目的跨浏览器,响应式IE8 +默认HTML UI元素( )集合。 添加一个好HTML模板编写语义HTML5 添加一些实用程序类(可选) 添加JS polyfills(可选) ...准备去任何地方! 跳到: 入门:定制:更多:最好的...

    JavaScript王者归来part.1 总数2

    图书目录  第一部分 概论  第1章 从零开始  1.1 为什么选择JavaScript?   1.2 JavaScript的应用范围   1.3 JavaScript的版本   1.4 一些值得留意的特性 禁忌及如何突破这些... 16.4 一个例子--漂亮的Web...

    log4Net详解(共2讲)

    web QQ也是有一个技术版本是使用这种框架的,所以,可以看出,extjs的应用,是越来越广泛了,extjs的前景,不可估量,不论站在技术开发的层次还是大部分用户的使用体验。 国讯教育通用智能OA办公系统项目培训目标 ...

    Cocos2D-X游戏开发技术精解

    3.2.7 精灵集合类(CCSpriteBatchNode) 72 3.2.8 精灵帧缓冲(CCSpriteFrameCache) 74 3.2.9 Zwoptex纹理编辑器 76 3.3 文字与字体 80 3.3.1 TTF类型标签(CCLabelTTF) 81 3.3.2 BMFont标签类...

Global site tag (gtag.js) - Google Analytics