移动端组件库 Global Mobile UI
本文导语: GMU（Global Mobile UI）是百度前端通用组开发的移动端组件库，具有代码体积小、简单、易用等特点，组件内部处理了很多移动端的bug，覆盖机型广，能大大减少开发交互型组件的工作量，非常适合移动端网站项目。 特点： 1. ...
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协议，支持商业和非商业用户的免费使用和任意修改。
命令行工具命令行工具提供代码打包，规范检测和生成文档功能。
环境依赖
git
node(包括npm)
grunt (npm install -g grunt-cli)
如果想要本地跑demo需要做以下几步操作。由于gmu没有直接存放zepto的代码，而是引用了zepto官方仓库。所以需要通过git命令 去zepto官方仓库取代码，然合并成zepto.js。不过这个过程已经写好了脚本，只要按以下步骤操作，脚本能把这个工作完成。
打开命令行工具。
git clone https://github.com/gmuteam/GMU.git 把gmu代码checkout到当前目录下的GMU目录里面
cd GMU 进入GMU目录
npm install 安装node依赖。
grunt dist 生成合并的zepto.js, gmu.js到dist目录。
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添砖加瓦。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。