Global Mobile UI 移动端组件库

我要开发同款
匿名用户2013年06月03日
29阅读
开发技术JavaScript
所属分类手机/移动开发、手机Web开发框架
授权协议BSD

作品详情

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

特点:

1.简单易用jQueryUI使用风格,链式调用

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

2.轻量级基于zepto的mobileUI组件库

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

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

GMUAPI文档中详细描述各组件参数、事件、方法,每个组件的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协议,支持商业和非商业用户的免费使用和任意修改。

Forkusongithub

命令行工具

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

环境依赖

git

node(包括npm)

grunt(npminstall-ggrunt-cli)

1.如何跑Demo

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

打开命令行工具。

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

cdGMU进入GMU目录

npminstall安装node依赖。

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

2.打包代码

gruntconcat

gruntconcat_gmu

3.代码规范检测

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

4.生成文档

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

关于dist目录

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

reset.cssgmu.csszepto.jsgmu.js

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

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

反馈bug

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

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论