百度的GMU

GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件。具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目。相比其他框架,百度的UI库更接地气,配合百度强大的用户群,在各种山寨机和山寨浏览器上也可以取得不错的体验。

其主要特点:

  1. 简单易用。jQuery UI 使用风格,链式调用,只需要在页面上书写简单的html, 就可以生成丰富易用的UI组件。
  2. 轻量级。基于zepto的mobile UI组件库,GMU组件在轻量级的zepto上开发,组件根据功能再划分颗粒化的插件,css将骨架与皮肤拆解,可以最小化按需加载。
  3. 文档丰富。GMU API文档中详细描述各组件参数、事件、方法,每个组件的demo丰富易用。
  4. 专业稳定。百度专业QA团队持续跟进,上千自动化测试用例支持。开设论坛、QQ群等,支持iOS4+ /android2.1+, 支持默认/UC/QQ/Chrome等浏览器。
  5. 丰富实用UI组件。基于移动端交互的丰富易用UI组件,GMU组件包括suggestion, dialog, navigator, tabs, toolbar等14个通用组件。
  6. 开源免费。开源基于BSD协议,支持商业和非商业用户的免费使用和任意修改。

官网地址:http://gmu.baidu.com/

文档地址:http://gmu.baidu.com/doc

源码地址:https://github.com/gmuteam/GMU

腾讯的Spirit

Spirit并不是一个具体的框架或者工具,但是她是移动端一系列解决方案的整合与聚拢。她是Alloyteam开发团队在移动开发项目中通过大量实践、归纳、总结提炼而成,最终沉淀下来的一个体系,真正建立一套移动Web开发的集成解决方案。Spirit主要由5个部分组成:移动Web开发规范、JM、JMUI、Mobug、Mars。

1、移动Web开发规范:主要是Alloyteam开发者基于日常开发的沉淀,总结了字体、交互、性能等方面的最佳实践,是移动Web开发的指导标准。能让开发者避免不必要的弯路。

2、JM(移动Javascript框架):是一款新一代轻量级高性能移动JavaScript框架,由团队经实践项目积累沉淀而成,为拥抱移动互联网全新设计,专注为移动Web项目。她在设计上更看重性能,代码力求最精简,同时解决了大部分的移动Web兼容问题。压缩后不到36K的框架,但却能为你避开很多移动开发上遇到的坑,让你爱不释手。

3、JMUI(移动UI组件库):建立在JM的UI组件库,基于HTML5与CSS3,涵盖了目前移动端各类常见的UI组件,可以让开发者快速创建自己的样式,方便地投入项目使用。与JMUI结合使用,提供一整套移动方案。简约的UI组件,让你的页面文艺起来。

4、Mobug(移动开发调试工具):如果你还在苦恼如何在手机端调试移动Web的页面,那么这款工具将是你的首选,她由Alloyteam成员自研而成。Mobug是一个移动Web调试工具,使用Mobug可以使用Chrome一样的Inspector调试手机页面,甚至还能调试App里面的WebView所打开的页面,相当强大。

5、Mars(移动Web经验知识库):Mars是一个移动Web前端知识库,收集与归纳移动Web开发中常见的问题。主要介绍移动端Web解决方案,包括代码结构规范、字体设置最佳实践、模拟原生效果实践、工具类方法汇总、iOS与Android平台上问题列表、高性能Mobile Web开发、类库依赖推荐等等,后续还在进一步完善中,如果你也在移动Web遇到了问题,欢迎你积极加入,到Mars项目提交Issue。

Spirit 官网:http://alloyteam.github.io/Spirit/

引用地址:http://www.biaodianfu.com/web-app-baidu-tencent.html

[转]Web App 框架选择之百度&腾讯的更多相关文章

  1. Web APP 日期选择控件

    github地址: https://github.com/yuanzm/simple-date-picker#simple-date-picker simple-date-picker 基于zepto ...

  2. 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理

    [微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...

  3. web app 、native app、hybrid app比较

    web app .native app.hybrid app比较 产品新人学习路 关注 2017.06.04 14:52* 字数 1887 阅读 11476评论 1喜欢 15 之前做讨论的时候,提出了 ...

  4. Azure Web App (一)发布你的Net Core Web 项目

    一,引言 今天我们看一下Azure上的一个服务-----Web 应用,我们都知道云计算的三大模式:Iaas(基础设施即服务),Paas(平台即服务),Saas(软件即服务). Iass,其实就是虚拟主 ...

  5. Windows Azure Web Site (17) 设置Web App TimeOut时间

    <Windows Azure Platform 系列文章目录> 我们在开发Azure Web App的时候,如果页面加载时间过长,可能需要设置Time Out时间. 在这里笔者简单介绍一下 ...

  6. Azure Web App (三)切换你的Net Core Web 项目的数据库连接字符串

    一,引言 上一篇文章讲到今天我们演示了一下,如何在Web App中创建 “Deployment Slot”进行快速无停机部署新功能代码,也使用VS进行发布到创建的Web App中创建的新的部署槽位中, ...

  7. React 还是 Vue: 你应该选择哪一个Web前端框架?

    学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了. 本文作者也做了总结: 如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西 ...

  8. Web自动化框架LazyUI使用手册(2)--先跑起来再说(第一个测试用例-百度搜索)

    作者:cryanimal QQ:164166060 上篇文章中,简要介绍了LazyUI框架,本文便来演示,如何从无到有快速搭建基于lazyUI的工程,并成功运行第一个测试用例. 本文以百度搜索为例,选 ...

  9. 百度Web App在线生成平台Site App体验

    最近收到百度开发者中心邮件,告知之前的百度移动建站服务已经升级为Site App了,Site  App顾名思义是可以创建APP的站点,之前想建立一个APP要么是自己制作,要么是选用国外的在线Web A ...

随机推荐

  1. Ubuntu x86-64汇编(4) 数值操作指令

    整数乘法指令 Integer Multiplication 对于有符号数的乘法有特殊的规则, 因此无符号数乘法和有符号数乘法对应着不同的指令mul和imul. 乘法会产生两倍尺寸的数值结果, 即两个n ...

  2. poj 2059 单调栈

    题意:求柱状图中最大矩形面积. 单调栈:顾名思义就是栈内元素单调递增的栈. 每次插入数据来维护这个栈,假设当前须要插入的数据小于栈顶的元素,那就一直弹出栈顶的元素.直到满足当前须要插入的元素大于栈顶元 ...

  3. 【转】file_get_contents("php://input")的使用方法

    $data = file_get_contents("php://input");    php://input 是个可以访问请求的原始数据的只读流. POST 请求的情况下,最好 ...

  4. HDU 4576 Robot (概率 & 期望)

    Robot Time Limit: 8000/4000 MS (Java/Others)    Memory Limit: 102400/102400 K (Java/Others)Total Sub ...

  5. 安卓高手之路之ClassLoader(二)

    因为ClassLoader一定与虚拟机的启动有关系,那么必须从Zygote的启动开始看代码.下面就分析一下这些代码,行数不多: int main(int argc, const char* const ...

  6. 【MySQL】MySQL之MySQL5.7安装包(msi文件)在Windows8下安装

    最近自己在使用MySQL5.7.16.msi安装MySQL.自己下载的是.msi文件,在安装的过程中遇到了许多文件,网上大部分的Blog都是关于免安装包的安装方法,希望我的方法对大家有帮助. 1,下载 ...

  7. 创建 maven maven-archetype-quickstart 项目抱错问题解决方法

    问题: eclipse装m2eclipse的时候装完后创建项目的时候报错: Unable to create project from archetype org.apache.maven.arche ...

  8. Git 获取仓库(分布式版本控制系统)

    1.在现有目录中初始化仓库 如果你打算使用 Git 来对现有的项目进行管理,你只需要进入该项目目录并输入以下命令. # 初始化仓库 $ git init 该命令将创建一个名为 .git 的子目录,这个 ...

  9. Android视频播放和横竖屏切换

    最近做了一个项目,里面用到了视频播放这一块,当时想考虑Vitamio,demo也做了出来,但是后来发现它是商业收费的,并且收费相当可观,所以只能放弃了.然后找到了ijkPlayer,功能也很强大,最终 ...

  10. 迁移TFS,批量将文档导入SharePoint 2013 文档库

    一.需求分析 公司需要将存在于旧系统(TFS)所有的文档迁移至新系统(SharePoint 2013).现已经将50G以上的文档拷贝到SharePoint 2013 Server上.这些文档是一些不规 ...