新问题 - 蒋璇 - 沸点 - 掘金

前端摸鱼工程师 @政采云

新问题
Q: 什么是 clearfix reloaded & micro clearfix hack, 其的不同点是什么?
1. clearfix reloaded 是由 Thierry Koblentz 在 2010 年提出的一种清除浮动的方法其使用的方法是 `::before` 和 `::after` 伪元素

```css
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
```
2. micro clearfix hack 是由 Nicolas 在 2011 提出的对于 clearfix reloaded 方法的优化,其的方法更加的简洁

```css
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.cf:after {
clear: both;
}

.cf {
*zoom: 1;
}
```

两种 clearfix 的效果相同, 都是解决两个问题, 清除浮动和解决 margin collapsing 问题, 以保证容器包含所有的 child. 其实和 flow-root 的 display 行为一致. 该 display 就是为了解决这个问题而出现的

旧问题回顾

1. JavaScript 中的数据类型有哪些?

JavaScript 中有 6 中原始数据类型 `string`, `number`, `boolean`, `bigint`, `symbol`, `undefined`. 还有一个特殊的原始数据类型 `null`

object 是一种数据结构, function 是一种特殊的数据类型, 可调用

这些数据都应答 typeof 操作符, 这也是该操作符的有价值的地方

展开

赞过