某一天我收到了产品发来的微信消息。小X，我们的业务现在需要一个类似加入购物车的掉落动画，经过组织的慎重考虑，这个需求就交给你了。于是便有了这篇文章。本文并没有描述多少高深的技术，更多的是一些笔者在做动画时对动画原理的思考以及如何优化动画的一些思路。实现效果如下： 前端实现动画的…

因为回流是根据视口的大小来计算元素的位置和大小的，所以浏览器的窗口尺寸变化也会引发回流...... mvvm / mvc / virtual dom / dom diff ...... 比起考虑如何减少回流重绘，我们更期望的是，根本不要回流重绘：transform/opacit…

px是像素值，是一个固定的长度，比如我们的米，厘米一样。 固定长度已经不能满足我们现在的需求了。 🌰举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好一点。 如果自己元素上面没有设置font-siz…

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

今天给大家推荐几个冷门但非常实用的 HTML 标签，不只是语义化，它们都有自己的应用场景和特殊自带功能 一、center 让你实现水平居中，用这个标签就对了，标签名也非常得语义化 效果如下： 水平居中

在一个新窗口中打开链接是前端开发中一个很常见的逻辑，它可以将用户引导到一个新的域名。我们可以用target='_blank'来实现这个功能。我敢肯定，每个人都会在他的某个项目中使用过target='_blank，但是我不确定是否每个人都知道这种用法的缺陷。 当一个外部链接使用了…