当前位置：首页 > 软件库 > 手机/移动开发 > 手机Web开发框架 >

Global Mobile UI

移动端组件库

授权协议 BSD

开发语言 JavaScript

所属分类手机/移动开发、手机Web开发框架

软件类型开源软件

地区国产

投递者堵琨

操作系统 Android

开源组织百度

适用人群未知

软件概览

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。不过这个过程已经写好了脚本，只要按以下步骤操作，脚本能把这个工作完成。

打开命令行工具。

git clone https://github.com/gmuteam/GMU.git 把gmu代码checkout到当前目录下的GMU目录里面
cd GMU 进入GMU目录
npm install 安装node依赖。
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添砖加瓦。

使用案例

14 款（移动端）UI 框架

因业务需求，特调研了当前比较火的移动端UI框架，在此做一个汇总。 star数据是截止发文时间（2018-08-18），仅供参考。一、【H5通用UI】 WeUI Star:19743 WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 FrozenUI（QQ） Star:2635 FrozenUI 是一套基于移动端的U
Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。 Mobile Angular UI的关键字有： Bootstrap 3 AngularJS Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。 AngularJS modules，比如
vue-mobile - 一个基于VUE的UI框架

我对UI框架的一些想法最近一年多一直在做UI库，从 SUI Mobile -> Light7 -> jQuery WeUI。自己也在做的过程中对UI库类的产品有了更深入的认识，SUI Mobile 和 Light7 有一个很大的问题在于：试图用一个轻量的基于jQuery的库，来做一个重量的框架应该做的事情。比如它定义了Page的概念，整个页面的结构，使用了异步加载的路由，这些会导致本来一个很轻量
移动端前端UI库—Frozen UI、WeUI、SUI Mobile

Frozen UI 自述：简单易用，轻量快捷，为移动端服务的前端框架。主页：http://frozenui.github.io/ 开发团队：QQVIP FD Team Github：https://github.com/frozenui/frozenui Demo：http://frozenui.github.io/frozenui/demo/index.html WeUI 自述：WeUI是一套
HTML5-MOBILE UI

http://cordova.apache.org/docs/en/4.0.0/guide_next_index.md.html#Best%20Practices jQuery Mobile - jQuery Mobile automatically enhances your layout for mobile optimization. It also handles creating a S
Amaze UI web mobile 前端框架

目录结构 index.html - 空白 HTML 模板； blog.html - 博客页面模板（预览）； landing.html - Landing Page 模板（预览）； login.html - 登录界面模板（预览）； sidebar.html - 带边栏的文章模板（预览）；在 app.css 中编写 CSS；在 app.js 中编写 JavaScript；移动端首选 Zepto，
HTML5 移动端 UI 框架 Mobile Angular UI

Mobile Angular UI 详细介绍 Mobile Angular UI 是个 HTML5 移动端 UI 框架，允许使用 Angular JS 和 Bootstrap 3 来开发移动端应用。 Mobile Angular UI 集成了： Angular 1.2+ Bootstrap 3 Angular 的 Bootstrap 3 指令集一系列重要的移动端 Bootstrap 3 组件 (
移动web ui框架----v-ui

v-ui是一套根据vuejs设计开发的开源框架，其中包含了h5开发中用到的大量ui控件，如AppBar，Tablayout，SearchBar，Toast，SnackBar，Alert，Comfirm，Prompt询问对话框，Progressbar，ActionSheet,TimePicker，DatePicker，AreaPicker，Switch，Pull2Refresh等43
Windows mobile UI

1、九宫格参考： http://blog.csdn.net/xyz_lmn/archive/2009/11/11/4797902.aspx 2、自定义listview 参考： http://blog.csdn.net/xyz_lmn/archive/2009/11/13/4808277.aspx
Windows Mobile UI 设计

一、概述： Windows Mobile 是基于Windows CE操作系统的，是针对小内存和有限资源的移动设备而进行的开发，因此在开发过程中同PC的开发有很大的区别。特别是UI的开发，要针对手持设备进行开发，同时要符合手持设备的习惯操作。下面就我在开发过程中对UI开发的认识进行一些叙述。二、Pocket PC UI 设计：(用户界面设计) 1、标准控件的使用： Pocke