授权协议: BSD
开发语言: JavaScript
操作系统: Android
开发厂商: 百度
收录时间: 2013-06-03
提 交 者: 冒牌导演

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

特点:

1. 简单易用

jQuery UI 使用风格,链式调用

你只需要在页面上书写简单的html, 就可以生成丰富易用的UI组件,原来webapp的开发可以变得如此简单!

2. 轻量级

基于zepto的mobile UI组件库

GMU组件在轻量级的zepto上开发,组件根据功能再划分颗粒化的插件,css将骨架与皮肤拆解,你终于可以最小化按需加载啦!

3. 文档丰富,自定义下载

丰富的文档,支持自定义下载

GMU API文档中详细描述各组件参数、事件、方法,每个组件的demo丰富易用。你可以从git上下载代码,也可以按需自定义下载

4. 专业稳定

专业QA团队,多平台支持

百度专业QA团队持续跟进,上千自动化测试用例支持。开设论坛、QQ群等,支持iOS4+ / android2.1+, 支持默认/UC/QQ/Chrome等浏览器

5. 丰富实用UI组件

基于移动端交互的丰富易用UI组件

GMU组件包括suggestion, dialog, navigator, tabs, toolbar等14个通用组件,支持iOS4+, android2.1+,让你的移动开发不再是难题

6. 开源免费

完全开源免费

开源基于BSD协议,支持商业和非商业用户的免费使用和任意修改。

Fork us on github

命令行工具

命令行工具提供代码打包,规范检测和生成文档功能。

环境依赖

  • git

  • node(包括npm)

  • grunt (npm install -g grunt-cli)

1. 如何跑Demo

如果想要本地跑demo需要做以下几步操作。由于gmu没有直接存放zepto的代码,而是引用了zepto官方仓库。所以需要通过git命令 去zepto官方仓库取代码,然合并成zepto.js。不过这个过程已经写好了脚本,只要按以下步骤操作,脚本能把这个工作完成。

打开命令行工具。

  1. git clone https://github.com/gmuteam/GMU.git 把gmu代码checkout到当前目录下的GMU目录里面

  2. cd GMU 进入GMU目录

  3. npm install 安装node依赖。

  4. grunt dist 生成合并的zepto.js, gmu.js到dist目录。

2. 打包代码

grunt concat

grunt concat_gmu

3. 代码规范检测

gmu所有的代码要求通过此内定代码规范, 通过以下命令可以得到检测结果grunt jsbint

4. 生成文档

通过以下命令可以在doc目录下生成静态文档,也可以在线查看;grunt doc

关于dist目录

如果不想自己打包也可以直接使用 dist 目录中打包好的资源,其中包括

reset.css
gmu.css
zepto.js
gmu.js

按顺序直接引用即可,此外,dist 中还有压缩版本,可以按需使用。

需要注意的是,GMU中有些插件是无法共存的,因此 dist 目录中的 gmu.js 中并不包含这些插件,如需自定打包规则请参考之前的打包教程。

反馈bug

如果您有任何关于GMU或移动前端开发中的问题,可以在QQ群中讨论,也可以通过git issue给我们反馈bug,我们会尽快解决。 当然,我们更欢迎您的fork,为GMU添砖加瓦。

展开阅读全文

代码

Global Mobile UI 的相关资讯

Global Mobile UI 的相关博客

提一提前端框架-更新版

前端UI框架 【PC端】 1、Bootstrap :http://www.bootcss.com/ 2、easyUI :http://www.jeasyui.net/ 3、jQuery UI :http://...

feedback graceful trajectory control for differential mobile robots

A Smooth Control Law for Graceful Motion of Differential Wheeled Mobile Robots in 2D Environment gmu-cs485 熊蓉mooc...

前端常用UI框架

移动端UI框架 Mint UI(饿了么团队) 中文官网:http://mint-ui.github.io/#!/en 饿了么前端团队推出的基于Vue.js的移动端组件...

前端UI框架小汇总

移动端UI框架 Mint UI(饿了么团队)   中文官网:http://mint-ui.github.io/#!/zh-cn   描述:基于vue的移动端UI框架  ...

前端UI框架小汇总

前言:   近期,小弟根据GitHub、前端社区、掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的...

前端库

备忘前端实用的库

常用的一些资源

1. 布局框架: Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit...

移动端Web框架

【参考】移动端 UI设计尺寸(一)篇 【参考】移动端界面设计之尺寸篇 【参考】介绍几个移动web app开发框架 【参考】移动webap...

amazeui学习笔记一(开始使用5)--藏品collections

amazeui学习笔记一(开始使用5)--藏品collections 一、总结 1、藏品collections:一些 Amaze UI 中没有的功能、amazeui认为好...

2015年开源前端框架盘点TOP20

2015年已经过去了,作为一个前端开发者,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些项目能...

Global Mobile UI 的相关问答

还没有任何问答,马上提问

评论 (1)

加载中
看了下demo,看不出比jquery moble有多大优势!不考虑了! Global Mobile UI
2013/09/25 17:32
回复
举报
更多评论
1 评论
122 收藏
分享
在线直播报名
返回顶部
顶部