9折倒计时一周! QCon 全球软件开发大会·上海站讲师上线95% >>> 了解详情
写点什么

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

评论

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

招募令!焱融 SaaS 平台新产品招募100位体验官

焱融科技

云计算 分布式 高性能 文件存储 NAS

利用守护线程隐式关闭线程池

FunTester

Java 线程池 接口测试 FunTester 守护线程

京东架构师珍藏版:redis深度笔记(全彩版)全篇精华,细节满满

收到请回复

redis 编程 面试 后端 计算机

二本渣渣的金九银十辛酸面试之旅:5 面阿里(Java岗) 侥幸上岸

Java 编程 程序员 架构 面试

4个实验,彻底搞懂TCP连接的断开

Java 架构 TCP 后端 网络编程

架构实战营毕业总结

Abner S.

#架构实战营

落实等级保护工作的意义简单说明-行云管家

行云管家

网络安全 等保 等级保护 安全等级保护

架构实战营学习记录

王斌

观察者网专访明道云CEO任向晖

明道云

Aeron是什么?

BUG侦探

Aeron

helm部署的es出现探针过不了的问题

ilinux

携手企业创新 共创美好未来——低代码助力企业数字化

明道云

搭建springboot-tdengine 环境

williamcai

tdengine Spring Boot

英特尔公司CEO帕特·基辛格致开放生态系统的一封公开信

科技新消息

1024 写给程序员的一些建议

Andy阿辉

编程 程序员 程序人生 程序 java;

MongoDB技术实践与应用案例征集活动

MongoDB中文社区

mongodb

终于有人把云原生存储讲明白了

青云技术社区

云计算 云原生 存储 Cloud Native

云智慧开源数据可视化编排平台—FlyFish

云智慧AIOps社区

开源 大前端 低代码 数据可视化 JavaScrip

云主机是什么?可以用来干嘛?

行云管家

云计算 云服务 云主机 云平台

每周学习感想

张靖

#架构实战营

字节跳动Web Infra发起 Modern.js 开源项目,打造现代 Web 工程体系

字节跳动终端技术

字节跳动 大前端 开源技术

高校人才集聚飞桨启航菁英计划!百度联合中国图象图形学学会助力AI人才培养

百度大脑

人工智能 百度 图像

什么是漏洞扫描?

华为云开发者联盟

工具 安全 漏洞 漏洞扫描 扫描

小程序与 H5、原生应用的对比

Speedoooo

容器 信息安全 ios开发 APP开发 Andriod开发

2021云栖大会|东方通正式加入阿里云云原生合作伙伴计划,强强联手共创国产数字化转型新风向!

阿里巴巴云原生

阿里云 云原生 合作共赢 云栖大会

Gartner发布《2021年企业低代码平台魔力象限》低码一体化平台成趋势!

优秀

低代码

事件管理CRM系统是活动策划工作的必要工具

低代码小观

CRM 管理系统 事件管理 CRM系统 活动策划

微信业务架构

stars

架构训练营

四万字32图,Kafka知识体系保姆级教程宝典

五分钟学大数据

大数据 kafka

Kubernetes Operator 开发入门

侯生

Kubernetes operator #k8s

Python代码阅读(第46篇):寻找符合条件的元素

Felix

Python 编程 Code Programing 阅读代码

  • 扫码添加小助手
    领取最新资料包
Vant 2.0 发布:持之以恒,不乱节奏_文化 & 方法_陈嘉涵_InfoQ精选文章