架构爱好者
学习交流中心

样式

高性能动画-人人都是架构师

高性能动画

CSS动画会比JS动画的性能更好,JS动画的优势主要在于 更具定制性(毕竟JS比CSS更可编程); 更易实现对低端浏览器的兼容。 当然,大部分业务中,主要还是使...

边距塌陷及其修复-人人都是架构师

边距塌陷及其修复

竖直方向上相接触的margin-top/bottom会塌陷,若二者均为正/负值,取其绝对值大者;若二者中一负一正,取二者之和。

清除浮动的原理-人人都是架构师

清除浮动的原理

清除浮动使用clear: left/right/both。业界常用的.clearfix也是这么做的,只不过是把该样式写进了父元素的:after伪元素中,并加了o...

弹性盒(Flexible Box)模型-人人都是架构师

弹性盒(Flexible Box)模型

justify-content: flex-start:默认值,伸缩项目向一行的起始位置靠齐; flex-end:伸缩项目向一行的结束位置靠齐; center:...

z-index-人人都是架构师

z-index

建议使用CSS预处理器语言的情况下,对所有涉及z-index的属性的值放在一个文件中统一进行管理。这个主意是从饿了么前端团队代码风格指南中看到的。另外补充一下,...