让移动开发不在难

阅读文本大概需要6分钟。

1、cube-ui

cube-ui 是基于 Vue.js 实现的精致移动端组件库。

质量可靠：由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。

体验极致：以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

标准规范：遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。

扩展性强：支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

官网：https://didi.github.io/cube-ui/#/zh-CN

仓库：https://github.com/didi/cube-ui

文档：https://didi.github.io/cube-ui/#/zh-CN/docs/introduction

2、有赞Vant

50+ 个经过有赞线上业务检验的组件

80%+ 单元测试覆盖率

完善的文档和示例

支持 babel-plugin-import

支持 TypeScript

支持 SSR

仓库：https://github.com/youzan/vant

文档：https://youzan.github.io/vant/#/zh-CN/intro

3、we-vue

简单易用：WE-VUE 组件使用简单，配置很容易。支持多种引入方式。对于对 Vue.js 有一定了解的开发者，一定能很快上手。

文档完善：我们为不同版本分别编写了详细的文档。这些文档能使开发更加高效，同时在线文档网站也是你在使用过程中遇到问题时最可能得到帮助的地方。

在线示例：针对最新版本，我们为每一个组件都编写了示例。查看示例可以随时了解 WE-VUE 组件的

官网：https://wevue.org/

仓库：https://github.com/tianyong90/we-vue

文档：https://wevue.org/doc/v2_0/index

4、Mint UI

     Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

       真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。

      考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。

       依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

官网：http://mint-ui.github.io/

仓库：https://github.com/tianyong90/we-vue

文档：https://wevue.org/doc/v2_0/index

5、weui

团队里的几个小伙子把微信里面web app的UI，按照设计规范给梳理了一遍，并将之开源了出来。

仓库：https://github.com/Tencent/weui

6、vux

体验不极致：是的，VUX 还有很多问题，远远不完美，但一直在解决。

如果你在使用并且觉得有一些问题，不妨开个 issue 反馈一下，我们乐意解决详细描述的问题。

维护靠个人：是的，没有团队维护。国内大多数开发者都选择了有知名前端团队维护的组件库。当然你也可以试试选择 VUX，毕竟维护两年时间，star 12k，一定程度上也说明并不比大公司团队开源的差，不是么？

开始有了赞助支持：是的，我们开始有了赞助来支持开发迭代。如果 VUX 帮你节省了大量时间的话，欢迎捐赠以鼓励支持作者。

官网：https://vux.li/

文档：https://doc.vux.li/zh-CN/

7、MUI

新建含mui的HTML文件：在Hbuilder中，新建HTML文件，选择”含mui的HTML“模板，可以快速生成mui页面模板，该模板默认处理了mui的js、css资源引用。

输入mheader：顶部标题栏是每个页面都必需的内容，在Hbuilder中输入mheader，可以快速生成顶部导航栏。

输入mbody：除顶部导航、底部选项卡两个控件之外，其它控件都建议放在.mui-content控件内，在Hbuilder中输入mbody，可快速生成包含.mui-content的代码块。

完整代码块请参考：snippet

官网：http://dev.dcloud.net.cn/mui/getting-started/

仓库：https://github.com/dcloudio/mui

文档：http://dev.dcloud.net.cn/mui/ui/

☆

往期精彩

☆

01 漫谈发版哪些事，好课程推荐

02 Linux的常用最危险的命令

03 互联网支付系统整体架构详解

04 优秀的Java程序员必须了解的GC哪些

05 IT大企业有哪些病，别被这些病毁了自己？

关注我每天进步一点点

你点的每个好看，我都认真当成了喜欢