前端开发 返回

  • 让移动端开发不在难:vue移动端组件库

    • 发布人:webeditor
  • 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 还有很多问题,远远不完美,但一直在解决。

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

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

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

    官网:https://vux.li/

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

    其他移动端UI库:https://www.jianshu.com/p/624a74b96d27

     

     

    转自:https://m.toutiaocdn.com/group/6761395345025925646/?app=news_article_lite&timestamp=1574391179&req_id=201911221052590100260772130461FC76&group_id=6761395345025925646

  • 2019-11-22