ES6新增内容

- 日理万妓 2022-12-16 10:58 234阅读 0赞

## 1、map、filter和reduce的区别 ##

map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组  
filter 的作用也是生成一个新数组，在遍历数组的时候将返回值为 true 的元素放入新数组，我们可以利用这个函数删除一些不需要的元素  
reduce 可以将数组中的元素通过回调函数最终转换为一个值。对于 reduce 来说，它接受两个参数，分别是回调函数和初始值。回调函数接受四个参数，分别为累计值、当前元素、当前索引、原数组，用做累加法计算数值

## 2、使用new的过程中发生了什么 ##

新生成了一个对象  
链接到了原型  
绑定this  
返回新的对象

## 3、为什么0.1+0.2！=0.3 ##

因为js采用的是IEEE 754双精度版本。而计算机是用二进制来进行存储数据，0.1的二进制是一个无线循环的数据，由于空间的限制，它会取一个近似值，而0.2也是一个无线循环的数也取了近似值，两个近似值相加，得到了一个近似值，但在js中就认为这个值不是0.3.

## 4、懒加载和懒执行 ##

懒执行：将一些；逻辑延迟到使用的时候在计算  
懒加载：将一些不关键的资源延后加载

## 5、commonjs规范 ##

为了模块化代码。  
commonjs模块规范。每一个文件就是一个模块，拥有自己独立的作用域，变量，以及方法等，对其他的模块都不可见  
浏览器相关面试题

## 1、浏览器内核的种类 ##

Chrome Webkit  
FireFox Gecko  
Safari Webkit  
Edge EdgeHTML  
IE Trident

## 2、浏览器是如何渲染UI的 ##

浏览器获取HTML文件，然后对文件进行解析，形成DOM Tree  
与此同时，进行CSS解析，生成Style Rules  
接着将DOM Tree与Style Rules合成为 Render Tree  
接着进入布局（Layout）阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标  
随后调用GPU进行绘制（Paint），遍历Render Tree的节点，并将元素呈现出来

## 3、浏览器重绘与重排的区别？ ##

重排（回流）: 部分渲染树（或者整个渲染树）需要重新分析并且节点尺寸需要重新计算，比如说修改了元素的宽高，表现为重新生成布局，重新排列元素  
重绘: 由于节点的几何属性发生改变或者由于样式发生改变，例如改变元素背景色时，屏幕上的部分内容需要更新，表现为某些元素的外观被改变  
重绘』不一定会出现『重排』，『重排』必然会出现『重绘』。

## 4、什么是跨域？为什么有跨域限制？跨域的解决方案？ ##

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。  
跨域限制主要是为了安全考虑。  
解决方案  
jsonp方案。只支持get请求  
最流行的跨域方案cors  
最方便的跨域方案Nginx

## 5、浏览器如何解决兼容问题？ ##

使用Normalize.css对样式初始化。  
Normalize.css是最大特点：保留有用的浏览器默认样式，而不是一概将它们“抹杀”，对浏览器很友好

## 6、浏览器输入网址后执行了什么？ ##

浏览器会根据这个URL去查找其对应的IP  
.进行TCP连接。HTTP包的传输是依靠TCP的传输，建立三次握手,建立TCP连接.  
浏览器给这个IP的服务器,发送http请求.请求包括GET/POST、url、协议、浏览器头、cookies信息等  
服务器收到浏览器请求后,向客户机发送HTTP响应报文  
浏览器解析渲染页面  
关闭TCP连接

## 7、SPA（单页应用） ##

在用户操作过程中，浏览器始终不会重载整个页面的web应用，便可以称为单页应用  
优势  
传输数据少  
服务可不中断  
前后端开发更规范  
缺点  
首次加载数据大耗时长  
极差的SEO（搜索引擎优化）  
导航需要人为处理  
通常 SPA 中前端路由有2种实现方式：history和hash

## 8、UDP和TCP的区别 ##

TCP（Transmission Control Protocol，传输控制协议）提供的是面向连接，可靠的字节流服务。即客户和服务器交换数据前，必须现在双方之间建立一个TCP连接，之后才能传输数据。并且提供超时重发，丢弃重复数据，检验数据，流量控制等功能，保证数据能从一端传到另一端。  
UDP（User Data Protocol，用户数据报协议）是一个简单的面向数据报的运输层协议（面向无连接的）。也就是说在正式传输数据之前连接双方，然后UDP只是数据报文的搬运工，不保证有序且不丢失传递到对端，UDP更加轻便，且没有超时重发等机制，所以传输速度很快。应用场景比如说直播视频

tcp的链接三次握手和四次断开握手：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzQzOTcxMg_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzQzOTcxMg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/9e6936e452b549bba18f0f0f63be8e03.png