写点什么

Vant 2.0 发布:持之以恒,不乱节奏

  • 2020-03-15
  • 本文字数:1284 字

    阅读完需:约 4 分钟

Vant 2.0 发布:持之以恒,不乱节奏

持之以恒,不乱节奏,对于长期作业实在至为重要。一旦节奏得以设定,其余的问题便可迎刃而解。 – 村上春树


维护组件库就像跑马拉松,开源只是从起点迈出第一步,困难的是持之以恒地跑下去。


自 2017 年开源以来,Vant 已经跑了两年多时间,未曾停歇。在 2018 年我们发布了 1.0 版本和小程序版,并持续迭代了 100 多个小版本。


对于版本迭代,我们更倾向于 小步快跑,保持每周更新一个版本的节奏,及时解决大家的问题和需求。但是写代码偶尔也需要一点"仪式感",因此我们集中开发了一个多月的时间,将社区中反馈较多的需求一网打尽,为大家带来本次发布的 Vant 2.0 版本

一、回顾

在介绍 2.0 版本之前,先看一下我们到目前为止的成绩吧~


  • 发布 220 个版本

  • 合并 2100 个 PR

  • 处理 3000 个 issue

  • 累计 18000 个 star

  • 累计 1000000 下载量(npm & cnpm)


上面是 vant 和 vant-weapp 两个仓库的合并数据。值得一提的是 Vant 的 issue 处理比例在 98% 左右,大部分 issue 都会在 1~3 天内得到回复,感谢所有帮助我们回复 issue 的同学们。

二、内容介绍

2.1 新组件

在 2.0 版本中,我们引入了社区中呼声最高的四个组件,分别是:


  • Image 图片,类似于小程序原生的 Image 标签,支持多种图片裁剪模式

  • IndexBar 索引栏,通讯录中的字母索引栏,用于长列表快速索引

  • Skeleton 骨架屏,在待加载区域展示的占位区块,提供界面加载过程中的过渡效果

  • DropdownMenu 下拉菜单,用于列表的分类选择、筛选及排序


2.2 新文档

文档方面,我们重新设计了文档站点,用 卡片 的方式组织段落,更加直观。对一些较为复杂的组件,我们对示例进行细粒度的拆分,添加更多的用法介绍,以帮助大家更快地上手使用。


此外,文档站点也支持了 搜索版本切换


2.3 样式定制

移动端 UI 风格多变,对组件的可定制性要求较高。从 2.0 版本开始,Vant 中的所有组件都支持通过 Less 变量 进行样式定制。同时我们新增了多个样式相关的 Props,便于快速定制组件风格。


2.4 更轻量

轻量化是 Vant 的核心开发理念之一。在过去一年多时间里,我们新增了若干个组件和数百项功能,而 代码包体积从 1.0 版本的 169kb 降低到了 2.0 版本的 161kb(45kb gzipped),平均每个组件体积下降 13%,这主要得益于组件内部逻辑的重构和复用。


在未来的 Vue 3.0 版本中,会提供 Function-based API 这一更优的逻辑复用方式,预计能帮助 Vant 进一步优化代码包体积。

2.5 不兼容更新

2.0 版本中包含少量不兼容更新,主要是命名调整和移除个别属性。对于正在使用 1.x 版本的项目,请按照更新日志依次检查,大部分项目可以 无痛升级

2.6 其他改动

除上述内容外,2.0 版本还包含 无障碍访问优化和 70 项功能更新,想了解更多,请移步:完整更新日志(https://youzan.github.io/vant/#/zh-CN/changelog)。

三、后续计划

我们计划在今年下半年推出 VantWeapp 1.0 版本,目标是对标 Vant 2.0 版本,将大部分新组件和新功能同步到小程序端。


同时,Vant 3.0 版本也在酝酿当中,不出意外的话,3.0 版本会基于 Vue 3.0 实现,并争取和 Vue 3.0 同期发布


对于 Vant 1.x 版本,后续会进入维护期,跟进问题修复,但不再引入功能性改动。



期待大家对新版本的反馈!


2020-03-15 20:19790

评论

发布
暂无评论
发现更多内容

mongodb 源码实现、调优、最佳实践系列-百万级代码量mongodb内核源码阅读经验分享

杨亚洲(专注MongoDB及高性能中间件)

MySQL mongodb 源码 中间件 分布式数据库mongodb

一个草根的日常杂碎(10月19日)

刘新吾

随笔杂谈 生活记录 社会百态

Flink窗口算子-6-8

小知识点

scala 大数据 flink

vivo 商城前端架构升级—前后端分离篇

vivo互联网技术

Java 大前端 前后端分离

架构训练营学习笔记之五技术选型(一)

于成龙

架构训练营

万物互联的IoT时代,柔性电子会大行其道吗?

脑极体

利用区块链等技术,加强对交通运输信用信息的归集共享和分析应用

CECBC

区块链 交通运输

架构师训练营 1 期 -- 第五周作业

曾彪彪

极客大学架构师训练营

架构必修:领域边界划分方法--职责驱动设计(RDD)

马迪奥

架构 领域 架构师 RDD

一个草根的日常杂碎(10月18日)

刘新吾

随笔杂谈 生活记录 社会百态

央行数字货币离我们还有多远?

CECBC

数字货币

Linux的上手命令

Linux 常用命令

深入java week1-01 字节码、内存、GC、调试工具

闷骚程序员

Go语言内存管理三部曲(三)图解GC算法和垃圾回收原理

网管

内存管理 垃圾回收 GC GC算法 Go 语言

1分钟带你入门 React 公共逻辑抽离HOC...

Leo

大前端 React Hooks HOC Render Props

Nginx 在运维领域中的应用,看这一篇就够了

华章IT

nginx Linux 运维工程师

java week1练习

闷骚程序员

【线上排查实战】AOP切面执行顺序你真的了解吗

Zhendong

spring aop

数据结构与算法系列之链表操作全集(一)(GO)

书旅

数据结构 数据结构和算法 Go 语言

云原生在京东丨云原生时代下的监控:如何基于云原生进行指标采集?

京东科技开发者

云原生

透视HTTPS建造固若金汤的堡垒

码哥字节

https 加密解密 HTTP

算法分析关键

Geek_0b8195

算法和数据结构

二十、深入Python迭代器和生成器

刘润森

Python

第四周作业

dll

游戏数值策划之常用excel函数

吴优秀同学

Excel 游戏

一个草根的日常杂碎(10月20日)

刘新吾

随笔杂谈 生活记录 社会百态

甲方日常 35

句子

工作 随笔杂谈 日常

聊聊技术人员如何学习成长

架构精进之路

职业成长

分布式下,我想要一致性

架构师修行之路

分布式 微服务

架构师必备的那些分布式事务解决方案!!

架构师修行之路

分布式 微服务 架构设计

年纪轻轻怎么就卵巢早衰了?试管可帮忙!

Geek_65d32f

试管 三代试管

Vant 2.0 发布:持之以恒,不乱节奏_文化 & 方法_陈嘉涵_InfoQ精选文章