摘要： 方式1：伪类+transform实现，主要用transform中的scale缩放，缩放默认中心点是以x,y轴的50%处，因此需要用transform-origin调整中心点 html代码： css代码： 效果图： 阅读全文

摘要： 1.通过父元素overflow:hidden,缺点：超出部分隐藏，不推荐使用 效果： 方式2：添加空标签并设置clear:both，缺点是额外添加空标签，不推荐使用 方式3：通过伪类添加，既不会隐藏超出部分，又不多空标签，推荐使用 阅读全文

摘要： 方式1：flex布局,display:flex;align-items:center 效果如下： 方式2：position+margin 效果图：与上面一样 方式3：如果不知道具体高度，通过position+transform 效果图： 方式4：display:table-cell+vertical 阅读全文

摘要： 对于页面有很多静态资源的情况下（比如商品图），为了节省用户流量和提高页面性能，可以在用户浏览到当前资源的时候，再对资源进行请求和加载，不仅可以减轻服务器的压力，而且用户体验也好一点 方式1：通过scroll监听滚动，getBoundingClientRect获取位置信息,（这种方式缺点是经常计算元素 阅读全文