前端校招面试前的准备1

1.HTTP2.0和HTTP1.X相比的新特性

• 新的二进制格式，HTTP1.x的解析是基于文本。基于文本协议的格式解析存在天然缺陷，文本的表现形式有多样性，要做到健壮性考虑的场景必然很多，二进制则不同，只认0和1的组合。基于这种考虑HTTP2.0的协议解析决定采用二进制格式，实现方便且健壮。

• 多路复用，即连接共享，即每一个request都是是用作连接共享机制的。一个request对应一个id，这样一个连接上可以有多个request，每个连接的request可以随机的混杂在一起，接收方可以根据request的 id将request再归属到各自不同的服务端请求里面。

• header压缩，如上文中所言，对前面提到过HTTP1.x的header带有大量信息，而且每次都要重复发送，HTTP2.0使用encoder来减少需要传输的header大小，通讯双方各自cache一份header fields表，既避免了重复header的传输，又减小了需要传输的大小。

• 服务端推送，同SPDY一样，HTTP2.0也具有server push功能。

2. 什么是重排和重绘

• 浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构——DOM树和渲染树。

• DOM树表示页面结构，渲染树表示DOM节点如何显示。DOM树中的每一个需要显示的节点在渲染树种至少存在一个对应的节点（隐藏的DOM元素disply值为none 在渲染树中没有对应的节点）。渲染树中的节点被称为“帧”或“盒",符合CSS模型的定义，理解页面元素为一个具有填充，边距，边框和位置的盒子。一旦DOM和渲染树构建完成，浏览器就开始显示（绘制）页面元素。

  当DOM的变化影响了元素的几何属性（宽或高），浏览器需要重新计算元素的几何属性，同样其他元素的几何属性和位置也会因此受到影响。浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。这个过程称为重排。完成重排后，浏览器会重新绘制受影响的部分到屏幕，该过程称为重绘。由于浏览器的流布局，对渲染树的计算通常只需要遍历一次就可以完成。但table及其内部元素除外，它可能需要多次计算才能确定好其在渲染树中节点的属性，通常要花3倍于同等元素的时间。这也是为什么我们要避免使用table做布局的一个原因。并不是所有的DOM变化都会影响几何属性，比如改变一个元素的背景色并不会影响元素的宽和高，这种情况下只会发生重绘。

• 重绘不会引起重排,但重排一定会引起重绘

• 减少重排重绘可以参考以下几点：

•     尽量不要在布局信息改变时做查询（会导致渲染队列强制刷新）

•     同一个DOM的多个属性改变可以写在一起（减少DOM访问，同时把强制渲染队列刷新的风险降为0）

•     如果要批量添加DOM，可以先让元素脱离文档流，操作完后再带入文档流，这样只会触发一次重排（fragment元素的应用）将需要多次重排的元素，position属性设为absolute或fixed，这样此元素就脱离了文档流，它的变化不会影响到其他元素。例如有动画效果的元素就最好设置为绝对定位。

   

3.===与==的区别

      1）===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false；

      2）==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较；

4.前端优化的方式 

       1）避免使用CSS表达式，尽量减少标签选择器的使用，尽可能少使用id选择器，多使用样式选择器(通用性强)，减少选择器前缀，例如.headerBox .nav .left a{} 选择器是从右向左查询的。

       2）对css，js文件进行压缩，可用webpack,gulp打包工具。

       3）减少代码的冗余，尽可能提高方法的重复使用率：“低耦合高内聚”。

       4）对图片进行优化，尽量用格式内存小的图片，对图片进行压缩，采用懒加载技术。

       5）js中减少闭包的使用，减少dom访问，避免使用eval，去除重复的脚本

 5.脱离文档流

       float浮动 ， absolute绝对定位 ，fixed相对于浏览器窗口定位。

 6. vue虚拟dom是什么，如何实现的？

       Virtual DOM 其实就是一棵以 JavaScript 对象( VNode 节点)作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。最终可以通过一系列操作使这棵树映射到真实环境上。

    虚拟DOM的最终目标是将虚拟节点渲染到视图上。

    虚拟DOM在Vue.js主要做了两件事：

• 提供与真实DOM节点所对应的虚拟节点vnode
• 将虚拟节点vnode和旧虚拟节点oldVnode进行对比，然后更新视图

7. TCP跟UDP的区别

    TCP在传递数据之前，会有三次握手来建立连接，而且在数据传递时，有确认、窗口、重传、拥塞控制机制，在数据传完后，还会断开连接用来节约系统资源。但是慢，效率低，占用系统资源高，易被攻击 TCP在传递数据之前，要先建连接，这会消耗时间。（可靠）

    UDP比TCP快，没有TCP的握手、确认、窗口、重传、拥塞控制等机制，UDP是一个无状态的传输协议，所以它在传递数据时非常快。从而漏洞少则受到的攻击也少。但在数据传递时，如果网络质量不好，就会很容易丢包。所以不稳定，对传输质量要求不高时如语言和视频可用UDP（不可靠）

    TCP与UDP区别总结：

    1、TCP面向连接（如打电话要先拨号建立连接）;UDP是无连接的，即发送数据之前不需要建立连接

    2、TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交付

    3、TCP面向字节流，实际上是TCP把数据看成一连串无结构的字节流;UDP是面向报文的 UDP没有拥塞控制，因此网络出现拥塞不会使源主机的发送速率降低（对实时应用很有用，如IP电话，实时视频会议等）

    4、每一条TCP连接只能是点到点的;UDP支持一对一，一对多，多对一和多对多的交互通信

    5、TCP首部开销20字节;UDP的首部开销小，只有8个字节

    6、TCP的逻辑通信信道是全双工的可靠信道，UDP则是不可靠信道

8. CDN是怎么工作的，存在的作用是什么

    CDN是传递内容的计算机网络，更具体地说，它是一堆服务器，地理位置在某些Web内容的原始服务器和用户发出请求的服务器之间，所有这些服务器的目的都是通过减少延迟来更快地交付内容。 这是他们的主要目的 。

    这些在地理位置上较近的服务器(也称为PoP或存在点)也缓存可缓存的内容，从而减轻了原始服务器的许多负担。 不同类型的CDN提供不同类型的服务，并且它们可以具有不同的网络拓扑 ：分散的CDN的目的是在世界范围内尽可能多地分散服务器。 Akamai就是这样的CDN之一。 合并的CDN具有较少的点，但为网络性能，吞吐量和DDoS抵抗而构建的点较大。