字节视频架构前端一二面面经
一面5.17、1小时20分钟：
1、css的boxsizing有关，给定两个div，有边框和margin和背景，求两个div背景区的面积
2、BFC相关问题、margintop的子父盒子重叠问题，以及如何实现目标效果（子盒子下移，父盒子不动）
3、子代和后代选择器，效率对比，以及顺序（选择过程先比较子节点还是比较父节点？）
4、OSI七层网络模型
5、请求方式，知道几个说几个
6、get和post区别，具体说说
7、js宏微观任务执行，看代码说顺序
8、js数据类型，typeof null的问题
9、写一个函数，判断传入数据的数据类型，要求可以区分function，date，array等具体类型
10、如何实现深拷贝
11、谈谈promise，以及常用方法及功能用途
12、算法题：最长有效括号（没写出来...给问题想复杂了，写了20多分钟放弃了..面试官给了思路后，自己恍然大悟）
二面5.24、1小时：
1、webpack生产环境和开发环境区别
2、如何实现用webpack搭建vue的环境
3、css动画，如何实现一个div从视口左侧到右侧，以及落定状态控制
4、知道video和audio不，说说看
5、设置一个元素隐藏的方式，能说多少说多少
6、如何实现上传图片预览功能
7、文件上传与下载的过程说说看
8、说说客户端存储，session，localstorage、cookie区别
9、indexDB知道多少（自己给自己挖的坑.....只是之前练过一次，后面没用过就忘了）
10、想要通过localstorage实现存储对象形式数据，你怎么实现
11、说一说token吧
12、token只能放在header中吗？
当时我说应该也可以存body，但是我也是推测，去查了也没查到准确的，希望有知道了解的同学可以留言，谢谢。
13、如何获取和设置cookie、localstorage。
14、js函数嵌套，返回函数，存在闭包的问题。也是看代码说输出
这个题是刚上来问的，自己脑子还没缓过来，只说了需要关注的闭包的问题，大致说了下答案，不知道对错。
15、自己写一个函数，在其他Vue的组件中调用时，会在该页显示一个消息提示框，3s后消失，消息内容调用时传入。
自己只给模板结构写出来了，没有封装过组件，自己不知道通过函数怎么暴露....面试官给了提示，自己跟着提示继续做，但是最后还是不知道怎么挂载到当前页面，抓紧下来补吧。
16、算法：输入一个数组，要求输出一个新数组，奇数数字递增排列，偶数递减排列。比如input [5,7,4,3,8,6,11,14 ] output为[3,5,14,7,8,6,11,4]
总结
一面自己太紧张了，发挥的不好，很多问题自己知道没说上。面试官很好，说话啥的都很舒服，一直在开导我，让我别那么紧张。结束之后，感觉自己表现应该都过不了，结果第二天HR跟我约二面，自己都惊喜到了，HR也很好，让我积极准备，有问题的话，随时问HR，都会给解答的，非常nice。
二面整体表现比一面好多了，面试官很沉稳，知识面非常广，问的内容也比一面更贴合实际开发了，自己回答的问题七七八八都还可以。最后反问时候，我问我自己表现，面试官都笑了，我一时间感觉自己凉了，结果面试官说前端基础不错，就是项目经历比较少，需要加强。其他的也没啥了，还问了疫情下，工作方面受到的影响这个。
总之，面试体验很好。已经定了三面了，最近结课真的跟面试准备有冲突，没办法好好准备面试，走一步看一步吧。
类似资料：