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后,到渲染页面发生了什么?