写点什么

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:19953

评论

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

每个Java程序员都必须知道的四种负载均衡算法

Java 负载均衡 负载均衡算法

Java中的「接口」到底是什么?

海拥(haiyong.site)

三周年连更

浅谈智能语音交互

六月的雨在InfoQ

语音识别 语音合成 三周年连更 智能语音交互

面试官:介绍一下什么是缓存雪崩、缓存击穿、缓存穿透?

Java你猿哥

redis 面试题 缓存穿透 缓存击穿 缓存雪崩

超级详细|Linux系统下从0到1的玩法大全

浅羽技术

Linux unix 操作系统 命令 三周年连更

【Linux】firewall-cmd之防火墙简介及命令详解【附加实战⭐建议收藏!!⭐】

A-刘晨阳

Linux 防火墙 Firewalld防火墙 三周年连更

java 开发 SSM 框架整合之 MyBatis 动态 SQL

Java你猿哥

Java sql mybatis SSM框架 if

华为云开源项目OpenTiny中TinyVue有什么优势?

英勇无比的消炎药

开源 Vue 组件库

ARB链质押挖矿代币空投游戏dapp系统开发合约定制

开发微hkkf5566

JSF源码分析(一)

京东科技开发者

spring jsf 企业号 4 月 PK 榜

GitHub爆款!Java性能优化:轻松道破软件性能调优,不止搞定JVM

Java你猿哥

Java JVM Java性能优化

python中对象引用 | python小知识

AIWeker

Python python小知识 三周年连更

Mybatis返回集合类型到底是空集合还是null?源码解读

Java 源码 mybatis

ThreadLocal源码分析

Java 源码 多线程 ThreadLocal

Android C++系列:C++11函数特殊特性

轻口味

c++ 三周年连更

超简单!Java 项目自动生成接口文档教程

Apifox

Java 接口文档 API 文档生成 自动生成

我认真总结并分析了Spring事务失效的十种常见场景

Java spring Spring事务

全栈开发实战|Vue进阶——使用静态模块打包工具webpack

TiAmo

Vue webpack 三周年连更 静态模块打包

ChatGPT及大模型专题研讨会在蓉成功举办共探前沿技术与产业发展

NLP资深玩家

天呐!我真的没想到推特GIF动图保存到手机相册竟然简单几步就能完成!

frank

twitter

阿里“妈宝级”之作,Kubernetes原理剖析与实战应用手册,太全了

Java Kubernetes k8s

终于有人把动态规划、冒泡排序、二叉树、链表、栈全部讲清楚了

Java你猿哥

数据结构 算法 二叉树 排序 LeetCode算法

Typescript- 数据类型

格斗家不爱在外太空沉思

typescript 三周年连更

生物计算大模型技术在药物研发领域的应用

Baidu AICLOUD

生命科学 PaddleHelix

GPU 加速药物研发与基因组学分析

Baidu AICLOUD

生命科学

《人间失格》

后台技术汇

三周年连更 人间失格

中国边缘云公有云服务市场 Top2,百度智能云让智算无处不在

Baidu AICLOUD

分布式云

一文详解RocketMQ-Spring的源码解析与实战

华为云开发者联盟

开发 华为云 华为云开发者联盟 企业号 4 月 PK 榜

The Beacon链游NFT系统开发技术

薇電13242772558

NFT

拿来吧你!保姆级Docker底层原理及源码实战手册,上线点赞破10W

Java Docker 容器

品牌活动|行云创新出席“新工业·智物联”全国巡回 CEO 峰会

行云创新

行云创新 新工业 智物联 全国巡回CEO峰会珠海站

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