前端面试题

1.Set、Map区别

应用场景Set用于数据重组，Map用于数据储存

Set：　

（1）成员不能重复

（2）只有键值没有键名，类似数组

（3）可以遍历，方法有add, delete,has

Map:

（1）本质上是健值对的集合，类似集合

（2）可以遍历，可以跟各种数据格式转换

2.forEach、for in、for of三者区别

forEach更多的用来遍历数组

for in 一般常用来遍历对象或json

for of数组对象都可以遍历，遍历对象需要通过和Object.keys()

for in循环出的是key，for of循环出的是value

3.说一下es6的导入导出模块

// 只导入一个

import {sum} from "./example.js"

// 导入多个

import {sum,multiply,time} from "./exportExample.js"

// 导入一整个模块

import * as example from "./exportExample.js"

4.普通函数 箭头函数的区别

- 箭头函数没有原型 原型是undefined

- 箭头函数this指向全局对象 而函数指向引用对象

- call，apply，bind方法改变不了箭头函数的指向

5.JS为什么要区分微任务和宏任务

（1）js是单线程的，但是分同步异步

（2）微任务和宏任务皆为异步任务，它们都属于一个队列

（3）宏任务一般是：script，setTimeout，setInterval、setImmediate

（4）微任务：原生Promise

（5）遇到微任务，先执行微任务，执行完后如果没有微任务，就执行下一个宏任务，如果有微任务，就按顺序一个一个执行  微任务

6.从输入url到显示页面，都经历了什么

1、首先，在浏览器地址栏中输入url。

2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。

3、在发送http请求前，需要域名解析(DNS解析)

4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。

5、握手成功后，浏览器向服务器发送http请求，请求数据包。

6、服务器处理收到的请求，将数据返回至浏览器。

7、浏览器收到HTTP响应。

8、读取页面内容，浏览器渲染，解析html源码。

9、生成Dom树、解析css样式、