Vant 3.0 正式发布:全面拥抱 Vue 3

Vant 是有赞前端团队开源的一套轻量、可靠的移动端组件库。 历经八个月时长的开发,Vant 3.0 终于和大家正式见面咯。在本次迭代中,我们的主要工作是基于 Vue 3 重构整个代码仓库和周边生态,并发布 Vant 3.0、Vant Cli 3.0 和 Vant Use 1.…

Read More

你真的了解React Hooks吗?

前言:React Hooks被越来越多的人认可,整个社区都以积极的态度去拥抱它。在最近的一段时间笔者也开始在一些项目中尝试去使用React Hooks。原本以为React Hooks很简单,和类组件差不多,看看API就能用起来了。结果在使用中遇到了各种各样的坑,通过阅读React Hooks相关的文章发现React Hooks和类组件有很多不同。由此,想和大家做一些分享。 如果要在项目中使用React Hooks,强烈推荐先安装eslint-plugin-react-hooks(由React官方发布)。在很多时候,这个eslint插件在我们使用React Hooks的过程中,会帮我们避免很多问题。 本文主要讲以下内容:…

Read More

微信小程序转发朋友圈详解

在2020年7月7日微信小程序低调的开放了一个功能,微信小程序“分享到朋友圈”。最近被产品提了相关需求,过程中遇到了一些坑。作者带着踩坑经验,给大家介绍下这个功能,以及其如何实现。 概述 点击右上角分享朋友圈 ​ 分享到朋友圈样式 朋友圈打开样式 ​ ​ ​ 这个功能目前只支持Android(在IOS高版本微信支持朋友圈打开小程序能力,但不能分享)。 ​ 用户打开朋友圈分享的小程序,看到不是真正的小程序,而是原本页面的“单页模式”。 什么是“单页模式”? 以下是微信官方对于“单页模式”的描述: ​ “单页模式”…

Read More

消费者端微组件的实现

一、背景 在消费者端,为了方便各条业务线接入,我们通常以组件的方式提供功能,但是组件的发布必须依赖于页面的发布,页面发布又通常需要业务方统一操作,比较影响组件的迭代速度。 经过一段时间的探索和开发,我们实现了一种可以让组件独立发布的异步方案,具备以下特点: 组件级别解耦,独立版本控制 组件单独发布,支持灰度、秒级回滚以及平滑升降级 不影响现有的开发测试流程 下面我介绍一下我们的方案。 二、概述 一句话概括:将组件独立打包成 UMD 格式的 js…

Read More

有赞云-可配置表单的实践

一、背景 前端开发过程中,往往会遇到很多的表单。简单表单尚可,但复杂表单让人尤为头疼。 比如有一个用来提交 请假单申请 的表单。 第一个表单项是 Radio,为性别:分别是 男 和 女 两种选项。 第二个表单项是个 Select,为请假原因:分别为 事假、年假、调休、病假…

Read More