字节面经前端

作者&＃xff1a;四季奶青大杯正常糖
链接&＃xff1a;https://www.nowcoder.com/discuss/613722?type&＃61;2&order&＃61;3&pos&＃61;32&page&＃61;1&source_id&＃61;discuss_tag_nctrack&channel&＃61;-1
来源&＃xff1a;牛客网

楼主是三月初一个晚上偶然在牛客网上看到的该部门发的信息&＃xff0c; 立马投简历。第二天下午HR小姐姐就打来电话约当天晚上的一面。
一面问题如下&＃xff1a;
0、自我介绍&＃xff0c;学习前端的动机&＃xff0c;介绍项目&＃xff0c; 问了我本科哪里的&＃xff08;因为我本科不是计算机专业&＃xff0c; 所以简历没写&＃xff0c; 接下来每个面试官都会问本科哪里的要登记&＃xff0c; 所以这个必须要写&＃xff0c; 不要怕掉面子 &＃x1f613; &＃xff09;
计算机基础部分&＃xff1a;
1、进程和线程有什么区别
2、TCP 和 UDP 各自的特点和区别
3、DNS 协议工作流程
4、CDN 是什么&＃xff08;讲一下内容分发网络的定义&＃xff0c; 负载均衡&＃xff0c; 提高响应速度&＃xff09;
5、https 的加密过程

js
1、js 为什么设计为单线程
2、js 数据类型有哪些&＃xff0c;讲一讲 symbol 的作用&＃xff0c;怎么能区分引用类型的对象
3、es5 实现一个继承有哪些策略
4、列举this指向&＃xff0c; 看代码说结果&＃xff08;看代码说结果要注意的是&＃xff0c; 引用一个函数和调用执行一个函数二者之间的区别要看清&＃xff0c; 因为只差一个括号而已&＃xff09;
5、js 如何创建一个闭包
6、js 处理异步&＃xff0c; 讲一下js的事件循环机制
7、【高频问题】window.onload和 DOM 中的 document.contentloaded 的区别

css
1: 选择器的优先级&＃xff08;补充一点 !important&＃xff09;
2、盒子模型有哪两种&＃xff0c; IE 的盒子模型有什么特点
3、讲一下 position 的取值
4、 【高频问题】flex 实现一个圣杯布局

vue
data 为什么是函数
父子组件如何通信
双向绑定和响应式数据原理

下面代码输出的结果是什么&＃xff1f;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var length &＃61; 10;
function fn() {
return this.length&＃43;1;
}

var obj &＃61; {
length: 5,
test1: function() {
return fn();
}
};

obj.test2 &＃61; fn;

console.log(obj.test1())
console.log(fn() &＃61;&＃61;&＃61; obj.test2())
代码题&＃xff1a;
1、递归写多叉树的高度
2、【高频问题】
1
2
3
4
5
// 需要实现的函数
function repeat (func, times, wait) {}&＃xff0c;
// 使下面调用代码能正常工作
const repeatFunc &＃61; repeat(console.log, 4, 3000);
repeatFunc(“helloworld”);//会输出4次 helloworld, 每次间隔3秒
3、爬楼梯问题&＃xff1a;爬楼梯时&＃xff0c;每一步会有两个选择&＃xff1a;爬一个台阶和爬两个台阶&＃xff0c;问&＃xff1a;楼梯总台阶数为n&＃xff0c;则一共有多少种爬法&＃xff0c;写一个函数f&＃xff0c;使得&＃xff1a;总的爬法&＃61; f(n)。举例&＃xff1a;n&＃61;3时&＃xff0c;则共有&＃xff1a;&＃xff08;1,1,1)、(1,2) 、(2,1)三种爬法&＃xff0c;则f(3)&＃61;3。
本题本质是一个斐波那契数列。
一面到此结束&＃xff0c; 面试官最后问我说&＃xff1a;“你是不是没怎么刷题就直接找面试了啊&＃xff1f;” 说的真准&＃xff0c; 这就是我第一次投简历。

二面难度直线上升&＃xff0c; 一面问的主要还是基础方面内容&＃xff0c; 二面问题的出发点就全都集中在项目实践了&＃xff1a;
0、 自我介绍&＃xff0c;学习前端动机
1、讲一件回调的原理&＃xff0c; 浏览器捕获到事件并执行的原理&＃xff08;他本来想问事件捕获和事件冒泡&＃xff0c; 但被我理解成让我讲 addEventListener 函数的原理了&＃xff0c;瞬间把我问懵了&＃xff09;
2、如何设定一个常量对象&＃xff1f;
3、讲一讲为什么要跨域&＃xff0c; 跨域的同源策略是为了防止哪些攻击&＃xff1f;
4、讲一讲 XSS 攻击可能有的攻击场景&＃xff0c; 列举防范 XSS 攻击的方式
5、用 SDK 开发单页面 SPA 应用&＃xff0c; 后端如何即时得知前端发生了页面跳转&＃xff1f; 因为我不知道 SDK 是什么所以我说了一大堆 vue 的生命周期函数&＃xff0c; watch 监听&＃xff0c; 我又说 ajax&＃xff0c;面试官直接怼我“我还能不知道 ajax&＃xff1f;你怎么什么都答不到点上&＃xff1f;同样都是汉语&＃xff0c; 和你沟通为什么就这么难&＃xff01;&＃xff1f;”直到他解释了 SDK 是什么&＃xff0c;我才弄明白他想问的其实是路由原理&＃xff0c;就是 hashchange 和 popstate
6、假如有一个电商应用&＃xff0c;用户在下单的时候需要一个收货地址列表&＃xff0c;这个组件你怎么设计&＃xff1f;
7、讲一下keep-alive有哪些使用场景
8、讲一讲 Object.defineProperty
算法题&＃xff1a;
1、【高频问题】存储10W个电话号码实现搜索时提醒&＃xff0c; 用多叉树解决
2、【高频问题】剑指offer 62题

这里只谈到了冰山一角&＃xff0c; 真相是二面的面试官把我怼得怀疑人生。直到最后我说我可以尽快过来面试&＃xff0c; 他才说那我就再给你一次机会准备三面&＃xff0c;最后是一句感叹&＃xff1a; 你这基础还是差挺多啊…

三面&＃xff1a;
0、自我介绍&＃xff0c; 学习前端动机
&＃xff08;三面我实在记不清太多问题了&＃xff0c;见谅…&＃xff09;
1、【经典问题】讲讲浏览器输入 url 后敲回车&＃xff0c;发生了什么
2、GET 和 POST 的区别
3、讲一讲你的项目&＃xff0c; 什么场合下使用 GET 什么场合下使用 POST
4、讲一讲 COOKIE 和 JWT
5、让你做一个在线聊天室&＃xff0c; 你怎么做
算法题&＃xff1a;
1、leetcode 56题
2、多个降序链表&＃xff0c; 求前K大的数的算法的时间复杂度
3、【经典问题】多个有序数组合并
4、讲讲红黑树是什么
最后反问环节&＃xff0c; 面试官评价我说 &＃xff1a;“还是要在基础方面提升自己吧”

总结&＃xff1a;
1、字节的面试难度还是挺大的&＃xff0c; 当然也是因为我太菜…
2、字节很看重算法题&＃xff0c; 事先看面经找到高频算法题很重要&＃xff0c;其次刷 leetcode 和剑指offer
3、如果应试者的项目比较low&＃xff0c; 面试官就不会问项目
4、最重要的一点&＃xff0c; 自学的过程中千万不能看了看面经&＃xff0c; 然后 百度一下不知道的名词&＃xff0c;去 CSDN 之类的地方&＃xff0c;看看帖子就以为自己会了。对于一个知识点的掌握与否&＃xff0c; 熟知其应用场景和可替代性是非常重要的。否则结果就是&＃xff0c;面试小厂轻松&＃xff0c; 面试各种大厂就统统一轮游。除非遇到质量非常高的帖子&＃xff0c;版主如亲妈一般&＃xff0c;把任何知识点都讲到极致透彻。因为面试官不会像考名词解释一样&＃xff0c; 直接把知识点的名词丢出来问你这是什么。