子元素数量不同布局效果也不一样，这样的需求还比较常见，其中借助CSS伪类，我们可以纯CSS判断子元素项的个数，从而智能实现我们需要的布局，无需额外的标签指定，很有意思。
文章关键字 ‘蝉原则’
伪类匹配列表数目实现微信群头像CSS布局的技巧
2019年03月11日，星期一canvas实现任意字符图形的打点或连线动画
2017年12月9日，星期六
本文介绍如何借助canvas的getImageData方法实现动态文本字符以及图形图像相关的动效。
多种特效，多种实现方法展示。有JS注释详细为压缩demo，有GIF截屏演示，必要的源代码展示。希望本文的内容能够对您的学习有所帮助。
“蝉原则”与CSS3随机多背景随机圆角等效果
2017年02月17日，星期五在web设计或交互实现的时候，随机效果是非常常见的，比如说我们希望我们动画看上去运行的是更随机，则可以把动画分解为多个维度，例如水平移动，垂直移动以及旋转缩放等，然后不停的循环，然后很关键的一点就是每个维度动画循环的时间遵循“蝉原则”，这样最后实现动画效果就显得非常随机以及丰富等。
我的应用
我的应用