获得徽章 0
- 新问题
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; }
```展开评论1 - 新问题
Q: interface document 是什么
A: document interface 代表着加载在浏览器中的任意 web 页面, 并且承担了 web 页面(DOM tree) 的一个入口点. DOM tree 中包括了 <div>, <table>, 和其他的大量的其他节点. 其给文档提供了全局操作的功能. 像如何获取页面的 url 和在文档中创建一个新的元素
+------------------+ +--------+ +-----------+
| EventTarget | <- | Node | <- | Document |
+-----------------+ +--------+ +-----------+developer.mozilla.org
旧问题回顾
Q: Cache-Control 请求头如何使用和分析?
A: Cache-Control 包含着关于缓存的指令, 出现在请求头和响应头中. 一个存在于请求头的指令不一定需要出现在响应头中
该请求头可能覆盖 Pragma 和 Expires 响应头. Pragma 会直接被覆盖, 因为其是 HTTP 1.0 的请求头, 现在的大部分 HTTP 服务器或者是代理应该都在这个版本之上, 该头部的存在只是为了兼容性. Expires 响应头会被指令 `max-age`, `s-maxage` 覆盖. Note: Expires 是日期类型. 而 `max-age`, `s-maxage` 是以秒为单位.
语法:
1. 大小写不敏感, 但是推荐小写
2. 多个指令以逗号分割
3. 一些指令有可选的参数, 其可以是一个 token 或者是被引起来的字符串developer.mozilla.org 展开评论1
web.dev