【字节校招】国际化电商-前端开发三轮面经

今天给大家带来一篇字节国际化电商部门的校招面经，作者经历了3轮面试，最后虽然很遗憾没有拿到offer，但面试过程值得大家进行学习。

一面（50min）

var name = 'window'
const obj = {
    name: 'obj',
    sayName:function() {
        console.log(this.name)
    },
}
obj.sayMyName = () => {
    console.log(this.name)
}
const fn1 = obj.sayName
const fn2 = obj.sayMyName
fn1() 
obj.sayName() 
fn2() 
obj.sayMyName()

二面（50min）

<div class="container">
    <div style="height: 100px"></div>
    <div style="min-height: 10px"></div>
</div>
<style>
    .container{
        display: flex;
    }
    .container > div {
        width: 100px;
    }
</style>

async function async1(){
    console.log('async1')
    await async2()
    console.log('async1 end')
}
async function async2(){
    console.log('async2')
}
console.log('script start')
setTimeout(() =>{
    console.log('setTimeOut')
},0)
async1()
new Promise((resolve) => {
    console.log('promise')
    resolve()
}).then(() =>{
    console.log('promise2')
})
console.log('script end')

继承有哪些方法
Vue组件间通信方式都有哪些?
兄弟组件通信你会考虑用哪些方法
Vue MVVM实现思路
proxy对比defineProperty的优势
实现lodash 中的get方法
实习过程中遇到的困难，最有成就感的事
实习的时候做的浏览器插件简单讲一下
有什么问题要问我的？

三面（70min）

自我介绍
介绍一下实习的项目
遇到的困难和问题，怎么解决
线上出问题是怎么排查的
react 和 vue 有什么区别？
如何理解闭包
如何理解面向对象
设计模式
输入url到渲染的过程(对服务器如何定位到具体文件追问了)
说说你对Vue中 keep-alive 的理解
websocket
最大连续子数组,输出值和索引

面试官点评

这位小伙伴一共经历了三轮面试，每一轮都有的自我介绍，是需要大家提前准备的，2-3分钟即可，自我介绍时间不宜过长，不要大幅介绍与岗位不相关的内容。

整体而言，每一轮的问题都很注重基础，基本都是前端实习岗位的常见问题。不过遗憾的是，这位小伙伴因为算法题的优化没有答出来而被淘汰。

以上题目的答案都已经录入到了《前端面试题宝典》的题库中，建议小伙伴们抓紧时间学习，早日找到心仪的工作。

最后

《前端面试题宝典》经过近一年的迭代，现已推出小程序和电脑版刷题网站（https://fe.ecool.fun/），欢迎大家使用~

同时，我们还推出了面试辅导的增值服务，可以为大家提供 “简历指导” 和 “模拟面试” 服务，感兴趣的同学可以联系小助手（微信号：interview-fe）进行体验哦~

面经作者：注意run时机
面经地址：https://www.nowcoder.com/discuss/840456

一面（50min）

二面（50min）

三面（70min）

最大连续子数组,输出值和索引

面试官点评

最后