写点什么

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

评论

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

数智化重新定义员工体验

用友BIP

数智人力

软件测试/人工智能|Linux常见面试问题讲解

霍格沃兹测试开发学社

华秋DFM荣获第三届智能制造创新大赛全国总决赛-新技术应用赛道三等奖

华秋电子

新一代“垫图”神器,IP-Adapter的完整应用解读

京东科技技术说

人工智能

喜讯!云起无垠入选“2023年中国AIGC创新企业榜”

云起无垠

大模型那么火,教你一键Modelarts玩转开源LlaMA(羊驼)大模型

华为云开发者联盟

人工智能 华为云 华为云ModelArts 大模型 华为云开发者联盟

如何在编写代码时添加有效的注释?

小魏写代码

软件测试/人工智能|一文教你配置selenium环境

霍格沃兹测试开发学社

软件定义世界 开源共筑未来 首届“开放原子开源大赛”火热进行中

开放原子开源基金会

Java 开源 程序员 开发者 算法

活动预告| 字节跳动基于DataLeap的DataOps最佳实践

字节跳动数据平台

大数据 数据治理 数据安全 数据研发 企业号12月PK榜

新一代 “垫图” 神器,IP-Adapter 的完整应用解读

京东科技开发者

直播预告 | 大模型时代 “应用变了”:看大模型如何跑进零售电商应用

京东科技开发者

零售 大模型

设备巡检二维码:手机扫一扫,即可解决巡检、报修等问题

草料二维码

二维码 设备巡检 设备巡检管理系统 草料二维码

第七在线引领零售供应链智能化,助力企业实现效能提升

第七在线

HTML5+Canvas数字孪生智慧机房可视化系统

2D3D前端可视化开发

物联网 数字孪生 三维可视化 智慧机房 智慧数据中心

DAPP代币燃烧质押系统开发丨详情开发

l8l259l3365

每日一题:LeetCode-113. 路径总和 II

Geek_4z9ami

面试 算法 LeetCode 二叉树 DFS

【案例】多渠道管理 第七在线智能计划帮助Calvin Klein业务精准决策

第七在线

企业API网关适用业务场景

RestCloud

API 网关

如何发布自定义 npm 组件包

数新网络官方账号

前端 npm

软件测试|测试专家(前阿里P8)聊测试职业发展常见瓶颈

霍格沃兹测试开发学社

华为云CodeArts Check常见问答汇总

华为云

掌握接口 RPC 测试:构建高效远程调用接口

Apifox

程序员 微服务 后端 RPC 接口测试

火眼金睛破局ES伪慢查询 | 京东物流技术团队

京东科技开发者

数据库 慢查询 Elastic Search

DFM引领电子产业变革,智能制造助力高效生产

华秋电子

LED透明屏:私人定制引领新潮潮流

Dylan

广告 时尚产业 LED显示屏 全彩LED显示屏 led显示屏厂家

观测云产品更新 | 智能监控、数据访问、指标分析等优化

观测云

智能监控 指标 数据访问

基于Raft算法的DLedger-Library分析 | 京东物流技术团队

京东科技开发者

算法 分布式系统 raft DLedger

使用 PAI-Blade 加速 StableDiffusion Fine-Tuning

阿里云大数据AI技术

AI

软件测试/人工智能|selenium元素定位方式大全

霍格沃兹测试开发学社

容器网络Cilium:DualStack双栈特性分析

华为云开发者联盟

云原生 华为云 华为云开发者联盟

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