字节教育前端暑期实习1 , 2，3，4 hr面经

2021.4.23 - 16：00全程45分钟，base深圳，教育部门

面试官很好啊，手写代码题卡壳时全程引导

面完之后直接约晚上8点面试

自我介绍

1. 看你项目里写了 websocket ，说一说他和http的差别，为什么用它？

从websocket扯到了http1.0 http1.1,然后又细说了他们的差别

2. websocket的握手原理

依赖http建立桥梁

3. http 和 https 的区别

4. https的加密方式

5. es6新特性

6. js基本数据类型

7. symbol熟悉吗？

不熟没用过

8. js怎么判断数据类型？

typeof instanceof Object.prototype.toString();

9. 箭头函数了解过吗？和普通函数有什么不同？

10. position 的属性有哪几种？relative是怎么定位的，absolute呢？fixed呢？

11. em和rem

12. v-if 和 v-show区别

13. computed 和 watch 的区别

14. 写项目用的是 vue2 还是 vue3，他们的差别是什么？

vue2，vue3只了解一点，就是数据绑定上的差别

15. 那你说说为什么 vue3 换成 proxy，他有什么好处，definePorperty又有什么劣势？

手撕代码

1. 一个div始终在页面中，水平垂直居中，屏幕宽度大于750px时，是一个直径100px的圆形，宽度小于750px的时候，是一个正方形，宽度是屏幕宽度的一半。（媒体查询）

2. 看输出

console.log(1);
setTimeout(() => {
console.log(2);
Promise.resolve().then(() => { console.log(3) });
});

new Promise((resolve, reject) => {
console.log(4)
resolve(5) }).then((data) => {
console.log(data);
})

setTimeout(() => { console.log(6); })

console.log(7);

说完输出之后问js事件轮询机制，微任务宏任务有哪些？

3. 实现一个红绿灯系统，红色2s，黄灯1s，绿灯3s，promise，循环

（promise+settimeout）

卡壳了蛮久，提醒之后写完了，也不知道对不对

4. 层序遍历二叉树，从上到下，从左到右

总结：问题基本都答上来了，手写代码不太通顺，不过面试官都会引导，也都写出来了，虽然 tx 马上要入职了，这次就当充实面试经历啦，哈哈哈

2021.4.23 20:40更新二面

无自我介绍，全程30分钟,这个面试官全程严肃，也没有引导
一上来就写代码

1. 手写模板函数
render("hello ${name}", {name :"123"} ) => 返回一个字符串 hello 123
写了个笨方法，分割字符串，
追问：如果 render("hello ${name} hello1 ${name1}", {name :"123"，name1: "hhh"} )这样子呢
回答：接着用我的笨方法，加个循环遍历，或者直接正则表达式，但是我不会，哈哈

2. 手写深拷贝

3. vue2和vue3的差别？为什么要用proxy代替defineProtety( )? proxy的好处

4. vue手写div模拟实现select下拉选择框

5. 在这个模拟手写中，如何进行父子通信，传递数据 ?

6. go协程并发和node.js协程并发的区别
没用过node.js 所以不是很了解，然后细说了go协程是什么，怎么用

7. js你觉得有协程吗？
没有，js是单线程，通过回调函数实现异步并发（乱答）

8. async await 是回调函数实现的吗？（懵逼）

9. 进程，协程，线程

10. 什么时候能实习？