前端面试3

1,页面从浏览器渲染的过程是这么样的:

https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650840913&idx=1&sn=d09cb9d4d31ba434ad5318eb4f272035&chksm=80d3b438b7a43d2efcac87eb0d7559e79bb98c0781bd30437ae3b7af7928108e4d021bd9517c&scene=0#rd

https://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651495598&idx=1&sn=b12176416840d98e6f219bae04bab881&chksm=80f19566b7861c70e649cb04e32cb5364b900c1d77956bc0d71635e4a792b5862d3a51f455a5&scene=0#rd

理解:

DNS解析--->TCP连接--->发送http请求--->服务器处理请求并返回报文--->浏览器解析渲染页面--->连接结束

2.promise的理解:

异步的使用户async awit ,深入的理解

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/async_function

3.遍历数组的方式:

for(var key of Object.keys(student)){

//使用Object.keys()方法获取对象key的数组

console.log(key+": "+student[key]);

}

使用for in 或者 for of forEach 都是可以的

4,数组的常用api:

1.数组的解构

function add(...arr) {

console.log(arr);

console.log(arguments);

//arguments 不是数组的,不可以使用数组的方法的

}

add(1,2,3,4,5,6,7,8);

2.数组的map方法

配合箭头函数 ,非常好用

3.总是记错()

arrayObject.splice(index,howmany,item1,.....,itemX)

arrayObject.slice(start,end)

5.字符串常用的API:

stringObject.split( separator , howmany )

6.vue 的v-modle是如何实现的:(数据劫持 --- 就是核心)

https://mp.weixin.qq.com/s/MIlbbD_XX8oWXBLnooC_zw

理解:

Object对象的defineProperty属性，重写data的set和get函数来实现的

7.讲一讲原型链:

着重讲一讲继承的关系

原型可以继承 类 也是可以继承的

5.事件的委托:

事件的触发机制

6.兼容性的处理:

7.js的原生ajax的过程 讲一讲你常用的状态码:

https://mp.weixin.qq.com/s/plmBCgOy-gqQYHNz0CcpSA

8.简述你对vue的理解:

9.angular typeacript ionic 的学习 ,你是否可以在一周内搞定

10.数组去重的三种方式:

数组循环和遍历的几种方法:

https://mp.weixin.qq.com/s?__biz=MzA5NTQ0Mjk0NA==&mid=2673249864&idx=1&sn=a2eb32a72105e3d7cd7c050aa8b806c6&chksm=8a1d6f27bd6ae6319fda7aedd68648e343dc0b36d68126ff05e987cc36887de3098418fcb13c&scene=0#rd

11.null和undefind的理解:

https://mp.weixin.qq.com/s?__biz=MzI2ODY0ODM2Ng==&mid=2247485026&idx=1&sn=069c5a8efddb1c90c470a5cd2af59ed1&chksm=eaed2ca3dd9aa5b5b710d4250f577467e72c375cab3504acbef8dcb31252dacbb0be10f026db&mpshare=1&scene=24&srcid=01199UsYNntu1KbBIIv1ktr3#rd

解构赋值 ...