携程IBU前端面经

一面

1. 问：以下代码会输出什么？

var a = 18;console.log(Array.prototype.toString.call(a));

1. 问以下两段代码会输出什么，为什么？

var x1 = 5;function test1(x) {
  x = 10;
}
test1(x1);console.log(x1);

x2 = {name: 'hello'};function test2(x) {
  x.name = 'world';
}
test2(x2);console.log(x2);

1. 讲一下跨域，有哪些方式可以实现跨域

2. es6新增了哪些东西

3. let和var的区别

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

5. Set结构和数组的区别？

6. Set结构和数组如何相互转换？

7. 一个页面里有两个<script>标签，假如第一个<script>标签抛出错误：问以下代码会打印出什么？

<script>//这里报错了console.log(1);</script><script>console.log(2)</script>

1. 讲一下flex布局

2. 给你一个<div>,实现如下效果，嗯。。就是一个圆，有两只三角形的耳朵，并且一直在旋转。

   
   

   

   image.png

3. 讲一下React的生命周期

4. 讲一下React的工作原理

5. 如何做错误监控？

6. 代码埋点？？？？

7. 多个异步请求如何保证按照我想要的顺序去执行？

8. 你认为Vue和React的区别在哪儿？

二面

1. cookie, localStorage, sessionStorage的区别

2. null和undefined区别

3. 讲一下跨域

4. 如何实现网页上一个可点击的圆形区域，方法越多越好

5. 讲一下开发过程中遇到的最困难的问题

6. 平时怎么学习前端

7. 因为上一题我还提到每天在地铁上会看公众号推送的技术文章，所以面试官让我说一下最近一篇文章讲的是什么，有学到什么？

8. 讲一下React的生命周期

9. React的虚拟DOM树怎么理解？（本来是问的和Vue的虚拟DOM树区别在哪儿，我说我不太熟Vue,面试官就说那就只讲React的吧）

10. 什么是异步？

11. 哪些方式可以实现异步？

12. RN里面是如何实现事件监听的？

13. 数组去重

14. 请用JSON对象介绍一下你的姓名和年龄。

15. 压轴题：假如你是一个国王，现在你有1000瓶酒，其中有一瓶是毒酒，毒酒与普通酒没有任何区别，并且与其它酒稀释也不会减轻毒性，喝下酒以后七天之后毒发身亡，现在你有十个死囚可以帮你试酒，问：七天之后能否知道哪一瓶是毒酒？

三面

1. 手写二叉树广度遍历

2. 以下代码会输出什么？为什么？

var a = [1,2,3,4];var b=a;
a[0] = 10;console.log(b[0])

1. 请在代码中加一句代码，实现b[0] = 1;

2. 以下代码会输出什么？

function A() {  this.b = 1;
}
A.prototype = {b: 2};var a = new A();console.log(a.b);

四面

部门的CEO面的，比较水，就问了两个问题：

1. http请求过程中如何劫持？

2. 我手写二叉树广度遍历没写出来（真的太渣了），然后他说你这数据结构有点差啊，虽然是前端但也要学好这个啊，然后问我有没有稍微擅长一点的，我说排序会好一点吧，他说那你写一个你最擅长的排序方法出来吧，然后我就写了冒泡。

作者：大柚子08
链接：https://www.jianshu.com/p/88461cb92ffc