曾挑战Ant Design的Arco Design，如今GitHub Issue堆积，IconBox宕机，维护归零！揭秘字节跳动内部赛马，Arco如何被Semi 干翻，KPI开源的坑，社区自救难。

前言 最近做了一个小需求，记得之前写过这个美团购物车小球动画效果还发在csdn里面了，但需要的时候却找不到，不知道什么时候给删了，今天再给大家分享一下这个功能的源码，以便以后的使用。

在响应式设计中，图片适配是一个绕不开的难题：同一张高清图片在大屏设备上清晰美观，但在小屏手机上可能加载缓慢；而适合手机的小图在桌面端又会模糊失真。

时间轴效果介绍，在前端开发中，我们会遇到一些场景特别适合用时间轴来展示，例如下面按照日期时间来记录发生的事件： 还可以做成下面这种比较流行的左右对称卡片风格的时间轴： 如果再稍加装饰，还能有更加高大上

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样： 当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。 像是这样

BFC（Block Formatting Contexts），块级格式化上下文，是 CSS 中一个比较晦涩难懂的概念，下面我们尝试以通俗易懂的语言彻底地理解它。CSS 盒模型描述了通过文档树中的元素以

前端开发肯定都接触过伪类（pseudo class） 和伪元素（pseudo element） ，但是这两个概念特别容易搞混，不要怕，今天就带领大家攻克这个技术难点。

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…