wantingtr的博客

很久没写博客了…这段时间一直在准备各种面试，把知识点和体系全都总结在印象笔记里，有机会的话再把那些分享出来吧。 伪类 伪类是同一个标签，根据其不同的种状态，有不同的样式。通俗的可以理解成在页面上多加了一层，这个层就是伪类，具体长什么样，在这个层的CSS里定义即可。 应用场景 伪类一个很大的应用场景就是在超链接里： link:连接平常的状态 visited:连接被访问过之后 hover:鼠标放到连...

利用flex布局实现微信群的多头像自适应布局 微信群聊的头像是多个成员的组合，例如下图。 可以看到根据单个小头像的大小可以分为三类，分别可以看做是整个大头像的98%，47%和31%。所以可以根据单个数组的长度，分别匹配不同的样式。而为了模拟后台返回的多头像接口，需要额外做一个判断，即最多只能显示9张头像。 <div id="app"> <div class="avata...