帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真。经调研发现，Lottie是个简单、高效且性能高的动画方案。 Lottie是可应用于Android, iOS, Web和Windows的库，通过Bodymovin解析AE动画，并导出可在移动端和we…

手撕轮播图可能是很多前端初学者的噩梦，很多公司为了考察考生的基础知识掌握情况，通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题，但是却很多人都无法写出正确的代码，甚至是已经工作一段时间的开

对于CSS来说，2022年是非常值得期待的一年，大量的新功能即将出现，有些已经开始登录浏览器，有些可能会在2022年获得浏览器的广泛支持。下面就来看看2022年有哪些值得期待的 CSS 新功能吧！ 一

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

文章首发个人博客 在 Now 直播新版抽奖内，用户进房之后可以点击任意一个地方(金木水土日月雷)进行抽奖。如下图所示: 动画的播放分为两个部分: 闪电的播放以及奖品部分的播放。 闪电部分动画大约有 2

虽然内置了若干形状，但使用者的需求是变幻无穷的。因此我们也开放了自定义 shape 的方式：只需要传入一个构建 Path 的回调函数即可，方便开发者可以按照自己的诉求来定制水波图形状，下面是一些自定义形状的水波图。 本篇文章会先简单介绍下这个自定义 shape 的 API 使用…