前端面试的问题记录

一、JS 问题

1、浏览器输入url到页面显示经历了哪些过程

1、DNS解析（如果IP直接访问则此过程省略）
2、客户端与服务端进行TCP三次握手（判断HTTP请求是否是浏览器缓存，如果是且	在有效期内不再向服务器发送请求）
3、客户端发送HTTP请求 	4、服务器处理请求并返回HTTP数据
5、浏览器解析渲染页面（渲染过程：HTML转换成dom树，CSS转换成stylesheet，根据dom树和stylesheet创建布局树，对布局树进行分成，为每个图层绘制列表，最后绘制生成页面）

2、普通函数和箭头函数里面的区别

1、箭头函数比普通函数简洁方便
2、箭头函数是匿名函数，不能作为构造函数，不能使用new
3、箭头函数没有自己的arguments和prototype
4、箭头函数没有自己的this，会捕获其上下文出现的this，作为自己的this值
5、普通函数的this指向的是它的调用者（如果没有调用者指向window，严格模式下this为undefined）
6、普通函数中可以用call apply去改变this的指向（call，apply分别接受两个参数，第一个参数是this的指向，如果第一个参数为null或者undefined，则this指向window，第二个参数有区分call（this，列表）apply(this,数组))

二、ES6

1、promise介绍

	1、promise是js中异步编程（可以解决回调地狱），promise对象用来封装一个异步操作并可以获取其成功/失败的结果值
	2、状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）
	3、then：接收两个参数作为参数，第一个参数是执行成功时的回调，第二个参数是Promise执行失败的回调。通过.then添加的回调函数，不论什么时候，都会被调用，而且可以添加多个回调函数，会一次按照顺序并且独立运行。

 const  a=new Promise ((resolve,reject)=>{
				resolve()	//成功状态
		}).catch(error=>{
				reject(error)	//失败状态
		})
		console.log(a)

	4、catch ：用来捕获异常的。
	5、all：所有的异步操作完成后才执行回调，才返回结果，返回的数据是数组（多个请求返回的数据组合）。

  const a = new Promise((resolve, reject) => {
        resolve(200);
      });
      const b = new Promise((resolve, reject) => {
        resolve(300);
      });
      const c = new Promise((resolve, reject) => {
        resolve(400);
      });
      const d = Promise.all([a, b, c]).then(
        (res) => {
          console.log(res);
        },
        (error) => {
          console.log(error);
        }
      );
      console.log(d);

	6、race：只要有一个执行完成，不论结果是成功还是失败，都开始执行回调，其余的不会再进入race的回调