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抵抗而构建的点较大。
