当设计给的动画越来越复杂, 还原度要求越来越高的情况下，就需要微信都在用的开源动效方案【PAG动效】

本文基于CSS Compat 2021和Interop 2022中部分特性，对名词概念进行介绍说明，并根据特性和属性值介绍附加实际中的使用场景和浅显demo。

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

对于BFC的概念以及应用场景一直都不是很明白，今天着重去了解了一下，做了以下总结。 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素…

重排重绘，看这一篇就够了

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

基于虚拟 DOM 数据驱动的思想，最不提倡的就是 jquery 时代的 DOM 操作！但是在目前一些复杂的页面中经常还是会用 javascript 处理一些 DOM 元素，实现一些动态效果；最常见的是用到一些元素的位置和尺寸的计算，但是其中浏览器的兼容性问题也是不可忽略的一部分…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 当我们学习CSS时，我们大多数人学到的第一件事是CSS中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。 CSS…

本文着重描述关于 margin，我们日常不太容易发现的 “坑”。