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

前端摸鱼工程师 @政采云

新问题

Q: [性能] 你关注页面的哪些指标?

A:

1. 以用户为中心的性能指标:

web.dev
2. Memory chrome 开发者工具当中的 memory 工具

旧问题回顾

Q: 什么是 clearfix reloaded 和 micro clearfix hack

A: 这两种都是用来清除浮动的方法

clearfix reloaded 是

```css
.clearfix::before, .clearfix::after {
content: '.';
display: block;
overflow: hidden;
height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
```

micro clearfix hack 是 Nicolas 在 2011 年提出的对于 clearfix reloaded 方法的优化

```css
.clearfix::before, .clearfix::after {
content: ' ';
display: table; // 生成一个 context formatting
}

.clearfix::after { clear: both; }
.clearfix { zoom: 1; }
```

展开

赞过