1.如何实现一个div快速的居中对齐？

 

2.margin和padding有什么不同？

作用对象不同，margin是针对对外部对象，padding是针对于自身。

3.vw和百分比有什么区别？

百分比是有继承的，父级元素改变后，会改变。

vw只和屏幕的分辨率有关系。

4.行内元素与块级元素

行内元素不换行，行内元素不可能设置大小，其大小由内容决定。

块级元素独立占一行，宽有继承关系，继承父级。

5.如何让谷歌支持小字体

谷歌默认支持12px，如果我想让他字体小于12px，通过缩放transfrom scale(0.*)

6.let和var有哪些问题？为什么我们经常使用let？

var有声明提升==>先上车后买票，

var没有局部作用域=>红杏出墙，

var声明覆盖

let var区别：

1.let没有变量提升（预解析）我们先定义再使用，Var可以先使用再定义因为他有预解析

2.let不能在同一个作用域中重复定义变量，如此形：  let num=100    let num=200则报错，var则不会报错

3.let具有作用域，（块作用域），而var声明的在全局可以找到
 

7.深拷贝与浅拷贝

浅拷贝：一个数组的改变会影响到另外一个数组（藕断丝连）

解构赋值对于一维数组是深拷贝，对于多维数组是浅拷贝。

 

深拷贝的用法：JSON.parse(JSON.stringfiy(***))该方法最为常见

 

 

 标准的深拷贝（数组，对象）

 引用上面的深拷贝

 

 

8.在浏览器里面输入url地址回车后发生了什么？

例如输入https://www.baidu.com

url==>统一资源定位符，俗称网址，是IP地址的一个映射

https:传输协议（http和TCP之间加了一层tsl或者ssl的安全层）

 www：服务器

baidu.com:域名

 

 1.第一次访问，DNS域名系统访问，拿到IP，建立TCP三次握手，拿到数据渲染页面后，四次挥手，断开链接。第二次访问，读取浏览器的缓存。

9.html页面在浏览器中如何渲染的？

 

10.从哪些点做性能优化？

a加载：1.减少http请求，2.减小文件的大小（资源压缩，图片压缩，代码压缩），3.CDN（第三方库）4.SSR服务端渲染，懒加载。

b.性能：减少Dom操作，避免回流，文档碎片（虚拟节点）

问：以下哪些是性能优化？

• 1.while循环，for循环？
• 2.0比math.floor性能好？
• 3.if else与三元运算符哪个快？
• 答:以上三种都是效率更快，与性能毫无关系。

性能分析：页面加载性能，动画与操作性能，内存占用，电量消耗（游戏方面）