字节教育前端暑期实习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);
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. 什么时候能实习？
1.前端发展方向趋势
2.我该怎么样提升历练自己的技术
多实践，多练手，实践出真知。
一上来就写代码
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. 什么时候能实习？
反问
1.前端发展方向趋势
2.我该怎么样提升历练自己的技术
多实践，多练手，实践出真知。
呜呜呜简历上写了go，就被问到后端的东西了，没准备不过凭借自己的知识答（乱答），能过就过吧哈哈，以后面试一定吃透简历任何死角
2面过了，约4.29 3面
29号给我打了个电话，说面试官忙于是约到了5月6号
2021. 5.12 3面
自我介绍
1. 如何学习的？
2.如果让你来当导师，你会怎么指导？
3.校园经历，谁对你帮助最大？为什么
4.有啥书籍推荐，为什么选择Stack Overflow查询问题？
5.如何评判一个前端项目是否复杂？
6.如果不考虑前后端交互呢？比如一个拖拽组件生成页面，这怎么安排工作排期呢？
7. bfc
8. 如何避免bfc
9. 算法，8进制相加
10. 写代码，vue仿下拉加载，不会的可以查，看你动手解决能力。
11. 网络安全
12. xss
13. css可以用作xss攻击吗？
14. csrf
15. cookie属性samesite
什么时候能来实习？
反问：主要做什么业务？瓜瓜龙，清北网校。
2021.5.13 16:15 全程半小时
Hr面
2021 5.20 收到offer
#前端工程师##字节跳动##面经##实习#
投递牛客等公司10个岗位 >
