杭州黑卡

1、屏幕适配及其原理

rem 

1rem等于html根元素设定的默认 font-size 的px值，加入html根元素设定的font-size的px值为16px，那么1rem位16px.

vw、vh

视口单位中的“视口”，桌面端指的是浏览器的可视区域；

  1.vw：1vw等于视口宽度的1%。       2.vh：1vh等于视口高度的1%。

2、弹性布局的属性

display:flex

flex-deriction 方向    row |  column

flex-wrap 换行      nowrap|wrap

4、 justify-content 主轴对齐方式    flex-start | flex-end | center | space-between | space-around

5、 align-items   纵轴对齐方式    flex-start | flex-end | center

6、align-self 垂直对齐方式  （单独设置个别元素）

3、垂直居中的方式

文本居中：line-height     vertical-align:middle;

元素居中：position:    top:calc（50% - width/2)

弹性布局：display:flex   align-items：center

4、transform

rotate  旋转

translate 平移

scale   缩放

skew 错切

5、跨域的解决方案

服务器代理：原理是服务器通过http直接请求的，不是通过客户端请求的

请求头  ：CORS

JSOP ：原理，动态添加script标签，里边添加一个回调函数，在

6、ES6新特性

let 和 var 的区别

let块级作用域，他只可以在{ }定义，只能在其中使用。只在let命令所在的代码块内有效，而且有暂时性死区的约束。

通过var定义的变量，作用域为包括它的函数作用域或者全局作用域。

通过let定义的变量，作用域是在定义它的块级代码以及其中包括的子块中，并且无法在全局作用域添加变量。

7、浏览器输入url后，到渲染页面发生了什么？