前端常用

1.实现一个元素的水平垂直居中：使用 grid，它是做二维布局的，但是只有一个子元素时，一维布局与二维布局就一样了。结合 justify-content/justify-items 和 align-content/align-items 就有四种方案

01.container { display: grid; justify-content: center; align-content: center; }

02.container { display: grid; justify-content: center; align-items: center; }

03.container { display: grid; justify-content: center; align-items: center; }

04.container { display: grid; justify-content: center; align-items: center; }

2.css实现左侧固定(300)px 右侧自适应布局：使用flex布局，左侧300px，右侧 flex-grow: 1。

01缺陷: 如果 .main 区域过大挤压 .left 区域(需要加一个禁止挤压).left { flex-basis: 300px; flex-shrink: 0; }

3.http响应头中content-type为application/octet-stream代表的意思：代表二进制流，一般用以下载文件

4.http 1.1 中的 keep-alive 有什么作用

01避免了重开 TCP 连接的开销

02避免了刷新时重新建立 SSL 连接的开销

03避免了QPS过大时，服务器的连接数过大

04在服务器端使用响应头开启 keep-alive：Connection: Keep-Alive Keep-Alive: timeout=5, max=1000