【面试】春招面试总结2

一、实现水平垂直居中的方法：

【css】实现水平/垂直居中的方法https://blog.csdn.net/qq_45981245/article/details/120680503?spm=1001.2014.3001.5501

二、 常见http状态码：

2xx-成功；3xx-重定向；4xx-客户请求端；5xx-服务器

• 200          成功请求
• 301          永久移动
• 302          临时移动
• 304          网页未修改（协商缓存）
• 400          请求报文存在语法错误（传参格式不正确）
• 404          网页不存在
• 500          服务器内部错误
• 503          服务器不可用

三、undefined与null的比较

1、相同点：

• 数据类型均是字面值
• 转化为boolean时，均为false
• 转化为对象时，都会抛出TypeError

  var a;
  var b=null;
  cosnole.log(a.name);//Cannot read property 'name' of undefined
  cosnole.log(b.name);//Cannot read property 'name' of undefined

• 非严格相等的比较下，两者相等

  null==undefined //true

2、不同点：

• null是javascript的关键字，undefined是javascript的全局变量，挂载在window对象上的变量
• 使用typeof判断类型的时候，undefined返回undefined，null返回object

  typeof undefined ;//undefined
  typeof null ;//object

• 在需要进行字符串类型的转换时，null会转换成字符串null,而undefined会转换字符串undefined

  undefined+" abc" //"undefined abc"
  null+" abc" //"null abc"

• 在进行数值类型的转换时，undefined会转换为NaN,无法参与计算，而null会转换为0,可以参与计算

  undefined +0;// NaN
  null+0 ;// 0

四、作用域、作用域链

        在JavaScript中，一个变量的定义与调用都是在一个固定的范围内的，这个范围我们称之为作用域。作用域可以分为全局的作用域，局部作用域(函数作用域)和块级作用域(ES6新增)。

• 全局作用域：在代码的任何地方都能够被访问，其生命周期伴随着页面的声明周期，只有页面被销毁了，全局作用域的对象才会被回收
• 函数作用域：定义在函数内部的变量和函数，只能在函数内部被访问，在函数执行完后，就会被销毁

        我们在查找这个变量的时候，先在当前函数的作用域中进行查找，没有找到，再去外层作用域中查找，最终查到全局作用域中，这是一个往外层查找的过程，即顺着一条链条从下往上查找变量。我们就称之为作用域链。

        查找一个变量的时候，是通过作用域链来进行查找，首先在当前的上下文中查找，若当前的上下文中存在该变量，就直接返回（就近原则）；否则，就顺着outer指向的外部执行上下文去查找，找到了就返回，找不到就报错。

五、闭包

词法作用域：

        词法作用域就是指 作用域是由代码中函数的声明位置来决定的，通过它就能够知道代码在执行过程中是如何查找标识符。

闭包：

        根据词法作用域的规则，内部函数总是可以访问到外部函数声明的变量，当通过一个外部函数返回一个内部函数的时候，即便该外部函数已经执行结束，但内部函数对外部函数的变量的引用的仍在内存中，我们把这些变量的合集称为闭包。

        由于闭包会造成泄漏，所以在使用的时候，可以将经常使用的声明在全局中，而使用频率不高的则声明在局部即可。

闭包的优点：

第一：保护函数内变量的安全，实现封装，防止变量流入其它环境发生命名冲突，造成环境污染。

第二：在适当的时候，可以在内存中维护变量并缓存，提高执行效率

闭包的缺点：

消耗内存：通常来说，函数的活动对象会随着执行上下文环境一起被销毁，但是由于闭包引用的是外部函数的活动对象，因此这个活动对象无法被销毁，所以说，闭包比一般的函数需要消耗更多的内存。

六、虚拟DOM原理

        虚拟DOM的思想是先控制数据再到视图，但是数据状态是通过diff比对，它会比对新旧虚拟DOM节点，然后找出两者之前的不同，然后再把不同的节点再发生渲染操作。

        虚拟DOM可以维护程序的状态，跟踪上一次的状态，通过比较前后两次状态的差异来更新真实DOM

作用：

        虚拟DOM是js和真实dom之间的桥梁，当状态改变时，只需要修改虚拟dom而不需要直接立即更新DOM，减少对DOM的操作，在复杂视图情况下提升渲染性能。同时，也可以很好的维护视图和状态的关系。

VNode：

        简单来说，虚拟DOM是用Object来代表一颗节点，这个Object叫做VNode，然后使用两个VNode进行对比，根据对比后的结果修改真实DOM。

        为什么是两个VNode？因为每次渲染都会生成一个新的VNode，然后和上一次渲染时用的VNode进行对比。然后将这一次新生成的VNode缓存，用来进行下一次对比。

ast：抽象语法树（Abstract Syntax Tree），虚拟DOM就是通过JS来生成一个AST节点树

diff：在vue中diff算法作为一种优化手段，将前后两个模块进行差异对比，修补(更新)差异的过程叫做patch(打补丁)。diff算法所比较的都是虚拟DOM。diff算法的标识符是key，根据dom节点上的值