轻量、可靠的移动端组件库 Vant 1.0 正式发布

说实话,最近已经快一年没有接触过原生开发了,随着接触开发微信小程序,接触 Vue 等,也越来越喜欢这种 JS 前端开发,感觉特别好玩。不管是 Vue ,还是 React ,还是微信小程序开发,其实都是大同小异,开发方式也都是响应式的开发,饿了么开源的 Element UI 也挺好的。

所以,每天学习,进步,然后越来越喜欢真的是一种幸福。好了,不感慨了,进入正题。

我最近发现其实有赞技术团队其实挺强大的。前一段时间我在微信小程序资料的文章中分享过有赞技术团队开源的 zanui-weapp 微信小程序组件 UI 库,包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等各种组件或元素,样式也很美观。

顺便再发一下开源地址和样例吧,以防止没看过之前文章的同学学习一下。一切分享不留名和地址的分享都是伪分享。哈哈……

开原地址:

github.com/youzan/zanui



好了,夸完有赞团队,那就介绍主角吧。有赞技术团队开源的移动端组件库 Vant 1.0 正式发布啦。Vant 是有赞前端团队维护的移动端 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant 可以快速搭建出风格统一的页面,提升开发效率。

作为移动端组件库,Vant 一直将轻量化作为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系,我们尝试了很多的优化方式,包括支持组件按需加载、公共模块复用、组件编译流程优化等。

在应用一系列的优化手段之后,目前 Vant 的组件平均体积仅有 8.8KB,Uglify + Gzip 后约 1KB。作为对比,mint-ui 的组件平均体积为 15.2KB,某些组件库的组件平均体积甚至在 25KB 以上。所以,它很轻量。

除了提供组件以外,他们也在为丰富 Vant 的开发生态做很多尝试,希望能覆盖各个场景下的开发需求,为大家提供便利。下面是我们现有的一些生态或能力:

  • 基于 vue-cli 的脚手架 vue-cli-template-vant
  • 支持 nuxt 服务器端渲染
  • 支持 Typescript 类型检测
  • 支持 i18n 多语言定制
  • 支持通过 postcss 插件进行主题定制
  • 官方 Demo 仓库 - vant-demo
  • 基于相同视觉规范的小程序组件库 - zanui-weapp
  • 开源社区的移动商城示例项目 - vant--mobile-mall

在生态化方面他们有赞团队还有有很多需要补齐的方面,比如提供对 rem 的支持、vscode 代码提示插件等,他们在 2018 年将会在这些方面努力。

既然是移动端的组件库,那我们就来看看它包含哪些组件呢?



最后,大家可以长按扫描下方二维码,体验一下这些组件,在手机中的效果和效率,看看怎么样?


youzanyun.com/zanui/vue (二维码自动识别)


另外,我最近有点喜欢上 Vue 开发了。

>文章首发于微信公众号:非著名程序员,关注我,每天与 10 万开发者共同进步,你离成功,只差一个关注。

文章被以下专栏收录

    关注我(微博:@涩郎),我与你闲扯技术大话,笑谈科技人生。以幽默诙谐的态度,面对乏味无聊的技术,用扯淡的方式,分享技术的内涵。谈的是技术,更是我们的人生。