Answer 1

http 2.0

HTTP2 采用二进制格式传输

相对于 HTTP1.x 的文本格式，二进制格式解析更高效。关键之一就是在应用层(HTTP/2)和传输层(TCP or UDP)之间增加一个二进制分帧层。

在二进制分帧层中， HTTP2 会将所有传输的信息分割为更小的消息和帧(frame)，并对它们采用二进制格式的编码。

多路复用

代替了 HTTP1.x 的序列和阻塞机制，所有的相同域名请求都通过同一个 TCP 连接并发完成。在 HTTP1.x 中，并发多个请求需要多个 TCP 连接，浏览器为了控制资源会有 6-8 个 TCP 连接都限制。

HTTP2 中

• 同域名下所有通信都在单个连接上完成，消除了因多个 TCP 连接而带来的延时和内存消耗。
• 单个连接上可以并行交错的请求和响应，之间互不干扰

Header Compression

HTTP2 使用了专门为首部压缩而设计的 HPACK 算法。

服务端推送（Server Push）

Reference

• HTTP/2.0 相比1.0有哪些重大改进
• http2 wikipedia

Answer 2

BFC规范(块级格式化上下文：block formatting context)

BFC规定了内部的Block Box如何布局

• 内部的Box会在垂直方向上一个接一个放置
• Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠
• 每个元素的 margin box 的左边，与包含块 border box 的左边相接触
• BFC的区域不会与float box重叠
• BFC是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素
• 计算BFC的高度时，浮动元素也会参与计算

触发条件

• 根元素 html
• float 不为 none
• overflow 不为 visible
• display 值为 inline-block table-cell flex inline-flex 等
• position 值为 absolute fixed