微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Global Mobile UI 1. 简单易用2. 轻量级3. 文档丰富,自定义下载4. 专业稳定5. 丰富实用UI组件6. 开源免费命令行工具[](<a href="https://github.com/fex-">https://github.com/fex-</a><a href="https://github.com/fex-team/GMU#%E5%8F%8 移动端组件库

程序名称:Global Mobile UI 1. 简单易用2. 轻量级3. 文档丰富,自定义下载4. 专业稳定5. 丰富实用UI组件6. 开源免费命令行工具[](<a href="https://github.com/fex-">https://github.com/fex-</a><a href="https://github.com/fex-team/GMU#%E5%8F%8

授权协议: BSD

操作系统: Android

开发语言: JavaScript

Global Mobile UI 1. 简单易用2. 轻量级3. 文档丰富,自定义下载4. 专业稳定5. 丰富实用UI组件6. 开源免费命令行工具[](<a href="https://github.com/fex-">https://github.com/fex-</a><a href="https://github.com/fex-team/GMU#%E5%8F%8 介绍

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

特点:

1. 简单易用

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

2. 轻量级

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

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

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

4. 专业稳定

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

5. 丰富实用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)

如何跑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目录。

team/GMU#2-%E6%89%93%E5%8C%85%E4%BB%A3%E7%A0%81)2. 打包代码

grunt concat

grunt concat_gmu

team/GMU#3-%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83%E6%A3%80%E6%B5%8B)3. 代码规范检测

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

team/GMU#4-%E7%94%9F%E6%88%90%E6%96%87%E6%A1%A3)4. 生成文档

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

[](https://github.com/fex-

team/GMU#%E5%85%B3%E4%BA%8Edist%E7%9B%AE%E5%BD%95)关于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 1. 简单易用2. 轻量级3. 文档丰富,自定义下载4. 专业稳定5. 丰富实用UI组件6. 开源免费命令行工具[](<a href="https://github.com/fex-">https://github.com/fex-</a><a href="https://github.com/fex-team/GMU#%E5%8F%8 官网

https://github.com/fex-team/GMU

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐