关于前端:字节前端实习面经三轮技术面hr面

一面 60min

最近在学什么？node.js，讲一下你学到node.js的哪些常识

常见数据类型？ES6有哪些数据类型？set和map区别？set放NaN会有几个？NaN全等于NaN吗？答不全等，问那为什么set外面只能放一个

问输入，考查this指向：

// Q1
var a = 1;
function print () {
 console.log(this.a)
}
​
print()
// Q2
const obj = {
 a: 2,
 print: function () { console.log(this.a) }
}
obj.print();
​
// Q3
const obj = {
 a: 3,
 print: function () { console.log(this.a) }
}
​~~~~
const foo = obj.print; 
foo()
​
// Q4
const obj = {
 a: 4,
 print: () => { console.log(this.a) }
}
obj.print();
​
// Q5
var a = 5
const obj = {
 a: 6,
 print: () => { console.log(this.a) }
}
obj.print.call({a: 7});
​
// Q6
function Person () {
 this.a = 8
 this.print = function () {console.log(this.a)}
 return {a: 9}
}
​
const p = new Person()
console.log(p.a)
console.log(p.print())
​
// Q7
'use strict';
var a = 1;
​
function print () {
 console.log(this.a)
}
print()**

判断数组的几种办法？为什么要用Object.prototype.toString(),

数组的.toString()不行吗，输入什么

讲一下事件流，怎么阻止冒泡？

flex常见属性，如何实现相似快手这种视频列表的瀑布流布局(一行两个) flex:1的含意

又讲一下你感觉本人写的最好的一个组件？

编程题：

1. 什么是面向对象？面向对象个性？与面向过程的区别？

   把大象放进冰箱 别离用面向对象，面向过程，函数式编程实现。

2. 求二叉树每层的最大节点，放入数组输入。(须要本人结构一棵二叉树去验证) 问优化：怎么只用一层循环实现层序遍历
3. 实现简单版本的bind，要可继承可new

其余：问了实习我的项目，次要关怀做的我的项目的作用和难点

一面总结：一面问的还是比拟根底的，算法和手写都是常考的类型，然而面试官除了前端相干的常识之外上来就问到面向对象和面向的思维，以及函数式编程，阐明面试官还是比拟重视编程思维的。

二面 50min

跨域，须要解释具体实现过程

vue 路由，hash和history的区别，你们我的项目中是怎么进行状态治理的，怎么配置路由的？

常见的HTTP申请以及每个申请的作用？GET和POST的区别

ES6 ，ES7新个性？

前端安全措施，常见的平安问题，XSS？CSRF

https ca证书的作用，SSL层的作用

路由切换页面的原理？？

vue和react的区别？

问输入：

a = 100;
const a;
a = 10;
function test(num) {
console.log(a);
 a = num;
}
console.log(a);
test(5);
console.log(a);

编程题：

1. 实现一个函数，将输出的数组转为链表，并实现一个办法向链表指定地位插入值
2. 两个无序数组合并成一个有序数组，问工夫复杂度。 延长：快排和冒泡排序的工夫复杂度，应用场景
3. 实现toFix函数

二面答得不是很好，跨域和平安也都答不上来，手写题答得还能够。原本认为心愿不大，后果面完之后面试官立即问我有没有工夫，要持续三面。 后果三面的面试官没有工夫，改到先天了，还能有机会再温习一下

三面 80min

数据结构有哪些？

数组是数据结构吗？不是，那为什么？什么是数据结构

堆是一种新的数据结构吗？不是，是齐全二叉树。什么是齐全二叉树？

树和图的区别？ 图的利用场景？

react生命周期，遗记了，说了vue的

网络模型即每层的协定

CSS：

css动画的实现形式？具体一些
position每种属性的作用

编程题：

1. instanceof
2. map的实现 reduce和根本版都写了
3. 实现ajax，至多实现get和post办法。这里深挖了get和post具体的传参形式以及ajax中具体是如何实现的
4. 实现一个模态框组件，用vue和react均可(要能传递确定勾销事件函数，有遮罩，居中)

其余：

我的项目难点和播种

他人的评估

本身的长处和毛病

压力最大的时候？怎么排解压力

三面完结后，过了20min HR小姐姐就给我打电话约了下午HR面

三面问了足足80分钟，面试官从数据结构，计算机网络，js原理，到原生API实现，组件实现，比拟重视面试者对实现原理的思考(而不是单纯的只会用这个API或者这个组件)。另外也会考查考查面试者的综合素质和抗压状况。

ps: 感觉三面的面试官是个大佬，比拟庄重有声势，我有的不确定的货色可能谈话带着疑问句，他就间接说你不要问我是不是，间接说就就行了。 面试官比拟间接，我答的进去的题他就间接说看来这个题你曾经把握了，我答的不好的他也当场说你这个题答得不好。比拟庆幸本人面试的前一天早晨温习时押了几个题，押到了网络模型以及每层协定，手写ajax和map的实现,要不然这场面试预计凉凉，还是本人太菜了~~唉

HR面 40min

对后面的面试有什么感触？

你感觉三位面试官是怎么样的人？为什么？

如何筹备面试的？之前有看过面经吗？

喜爱团队单干还是本人工作

单干遇到不好相处的人怎么办？

团队利益优先还是个人利益优先？

讲一讲最近在看什么书

户籍所在地？高考考了多少分？

兴趣爱好？

最光明的时刻？怎么排解

对考研问题和学校称心吗？

对将来职业倒退的布局？

别离用三个词形容本人

平时都是怎么学前端的？

github有常常更新吗？

介绍了上下班工夫，薪资待遇

问了能实习多久