作业帮中台产研中心校招前端面经（已oc）

base合肥，没笔试，本来想选北京的，但据说北京没有hc

3.21投的简历，效率挺快，22号hr就加微信约面试了，没有笔试

3.23一面，大约一个来小时
3.28二面，四五十分钟
3.29三面，又是一个多小时（本来说好是hr面，但那天hr没来，也没有给我取消面试，竟然毫无通知的加面了一轮，很麻😅）
3.30hr面，半小时左右
hr面结束当天下午收到offer call

面试用的是海纳视频

一面

一面当时没有记面经，有很多题记不清楚了，不过主要是围绕Vue和JavaScript基础展开问的

面试官在面试前看过我的博客，会找一些之前写博客时写过的知识点来问

大部分题都是八股文，网上都有答案，我就不贴了

自我介绍
实习情况
简述实习项目，有没有做的比较困难的
this指向问题（给一段代码说运行结果，不难）
考察Promise.then的执行顺序，大概意思是有一个foo函数，里面有两个初值为0的变量，然后分别有两个Promise.resolve().then，在then里面赋了值，在then外面log出相加结果，这样输出是0，问怎么改才能让输出变成正确的结果
- 上来撕了一个Promise.all，面试官说可以，但我不希望改动功能代码的结构，还能怎么办？
- 把函数用async/await改写一下

聊聊宏任务微任务事件循环
实习主要用Vue2还是Vue3？（都用过）
讲一下Vue2双向绑定的原理？Vue3是怎么做的？
Vue2的生命周期？
你一般在哪个生命周期里调用后端接口，为什么这样选？
能说下computed和watch的区别是什么吗？
有没有用过keep-alive？简单说说
nextTick的实现原理？
Vue父子组件通信方式？
用过哪些路由守卫？
算法题，给一个由多叉树组成的森林，实现一个search函数，参数是要搜索的一系列值，返回每个从根节点开始到搜索目标值的遍历路径构成的子树，保证每个节点的值不重复（不知道这题算easy还是mid，反正写的挺一般的

算法题的数据结构大概长这样：

[
    {
        value: 1,
        childrens: [
            {
                value: 2,
                childrens: null
            },
            {
                value: 3,
                childrens: null
            },
            {
                value: 4,
                childrens: [
                    {
                        value: 5,
                        childrens: null
                    },
                    {
                        value: 6,
                        childrens: null
                    }
                ]
            },
        ]
    },
    {
        value: 7,
        childrens: [
            {
                value: 8,
                childrens: null
            },
            {
                value: 9,
                childrens: null
            }
        ]
    }
]

一面没有反问环节

感觉整体还行，面试结束后直接收到了二面邀请

二面

自我介绍
现在还在实习吗，对工作地点有没有要求
详细说下如何判断app端内环境的（实习项目
说两个实习项目的难点
给一个函数，判断一下他是干啥的（就是个把js对象转成数组的方法）
- 面试官讲了一下实际用途，处理后端不好改的接口，返回的数据没法直接用需要先转换下
- 要求在不执行代码调试的情况下讲出尽可能多的优化方案
get和post的区别有哪些？尽量多说
get和post接口都有哪些应用场景？
获取商品列表，获取商品详情，添加商品，删除商品，应该用什么类型的接口？
手写题，原生js实现点击li时输出其位置序号，只写js代码即可
使用事件委托有什么好处？
什么是csrf攻击，多说几个解决方案，说详细
说一下localstorage和cookie的区别
手写题，如何实现一个带过期时间的localstorage，写出一种实现
了解爬虫吗？爬虫怎么写？爬虫是干啥的？
作为网站站长如何限制爬虫爬取数据，都能从哪些方面入手分析？
如果你是爬虫作者，如何绕过你刚才说的那几个限制？
在一场爬虫和网站站长的对抗中，你觉得谁更占优势？