寒冬中的一些前端社招面试经验+职场答疑

前言

原文是半年前发表到掘金上的,现在在牛客上面开个帖子,解答一下关于面试的一些问题。大家有什么面试或者学习方面的问题,可以直接讨论区里面提问,虽然不保证我也一定清楚,但可以一起讨论。
另:有想来深圳Shopee的,可以找我内推,简历发我邮箱 guangyao.yin@shopee.com,现在主要招前后端、测试,薪资20K-40K,会卡学历。

原前言:本人17年毕业至今,一年多工作经验,三月中旬加入了找工作的大潮。这里整理了一下最近面试的题目,分享给大家。

再惠

一面

1. 自我介绍一下
2. 看到你用过mobx,说一下mobx的优势?实现原理呢?
3. 你工作以来,在项目中遇到的印象深刻的问题有哪些?有没有在项目实践过一些自己的想法和新技术?
4. 说说TS和ES的区别,以及TS带来的好处?
5. 你说你学习能力强,那你毕业这一年多来,你都是怎么熟悉业务和项目的?有系统的看完过哪本书?
6. 对小程序有了解吗?(我只写过demo)
7. 对打包工具有了解吗?
8. 除了react,你还用过哪些框架?
9. 求契波那切数列的第N项
10. 获取到契波那切数列的前N项
11. 求一个对象的层级数(我写完后,又问如果不用递归,只用循环实现呢)
12. 实现下面这道题中的machine函数

 function machine() {

 }
machine('ygy').execute() 
// start ygy
machine('ygy').do('eat').execute(); 
// start ygy
// ygy eat
machine('ygy').wait(5).do('eat').execute();
// start ygy
// wait 5s(这里等待了5s)
// ygy eat
machine('ygy').waitFirst(5).do('eat').execute();
// wait 5s
// start ygy
// ygy eat

二面

1. 介绍一下你们那边的业务?那你们业务都是在app里面吗?(安卓、IOS、H5甚至小程序和快应用都有,基本上都是webview套h5做的)
2. 你最近有比较感兴趣的、主要研究的技术吗?为什么感兴趣?
3. 我看了你的github,上面star了一个react.backbone,这个是什么?
4. 我看你的github里面有个mobx-jquery,这个是做什么的?
5. 这个mobx-jquery里面的observer你是怎么实现的?(封装的autorun)那么autorun的原理是什么?
6. 你对团队的要求是怎么样的?你毕业这一年多收获最大的是什么?
7. 看到你写了TS,那么TS的优势是什么呢?你说修改字段后其他还用原字段的地方会报错,那么是怎么跟踪到是否修改的呢?vscode里面是怎么实现根据类型文件来给一个方法添加类型的呢?
8. 看到你的简历里面写着维护一个老项目,这个lizard是什么框架?(基于backbone封装的一个Hybrid框架xxxxx)
9. 那来做道题吧。实现一个函数,可以按顺序获取到一个DOM节点下面所有的文本。
10. 你有什么想问我的吗?(你平时在公司的一天都是在做什么呢?)

总结

感觉技术栈和这家可能不是很匹配,他们主要做h5和小程序,h5也以vue居多,所以这些问题基本上都没怎么深入。

面试除了mobx,也没问过我react相关的技术,也没问过app开发方面的东西,他们唯一感兴趣的就是TS,可惜我TS写的不多。

但是面试体验还不错,我属于比较紧张的人。面试官让现场写代码,可以查资料,可以现场调试,甚至有不懂的还可以问一下他,我觉得这个挺好的。听他们描述,感觉团队技术氛围不错,和HR聊了一下,觉得福利还算不错。

附上一面第12题的答案。

function machine(name) {
    return new Action(name)
}
const defer = (time, callback) => {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(callback())
        }, time * 1000)
    })
}
class QueueItem {
    constructor(defer, callback) {
        this.defer = defer;
        this.callback = callback;
    }
}
class Action {
    queue = []
    constructor(name) {
        this.name = name;
        this.queue.push(new QueueItem(0, () => console.log(`start ${this.name}`)))
    }
    do(eat) {
        this.queue.push(new QueueItem(0, () => console.log(`${this.name} ${eat}`)))
        return this;
    }
    wait(time) {
        this.queue.push(new QueueItem(time, () => console.log(`wait ${time}s`)))
        return this;
    }
    waitFirst(time) {
        this.queue.unshift(new QueueItem(time, () => console.log(`wait ${time}s`)))
        return this;
    }
    async execute() {
        while(this.queue.length > 0) {
            const curItem = this.queue.shift();
            if (!curItem.defer) {
                curItem.callback();
                continue;
            }
            await defer(curItem.defer, curItem.callback)
        }
    }
}

富途

一面(记不清了)

1. 自我介绍
2. 为什么离职?你说你觉得做的业务无聊,那怎么样才是不无聊的呢?你期望的团队是怎样的?
3. 什么是xss攻击?有什么危害?怎么解决?
4. 实现一个深拷贝
5. 有两个有序数组M和N,怎么判断N是否为M的子集?
6. 箭头函数和普通函数有什么区别?
7. for循环里面setTimeout打印的值是多少?怎么解决这个问题呢?(let和闭包解决,解释一下原理就好了)
8. 你们团队中的每个成员都是什么角色?你在里面扮演什么角***r> 9. 怎么优化页面的加载速度?如果有很多个小图标,怎么优化?iconfont有什么缺点?
10. 移动端兼容不同设备有哪些解决方案?这些方案都有哪些缺点?

二面(没去)

达达-京东到家

面试过去的时候,先让做了一张试卷,主要是考察http、css和js的。

笔试题(只记得这几道http相关的)

1. http2.0的新特性有哪些?(选项是多路复用、头部压缩、设置优先级、服务端推送、二进制传输)
2. DNS的作用有哪些?(选项是域名解析、防火墙、负载均衡、控制流量还有一个我不记得了)
3. 以下哪些协议是可靠的?(选项是TCP、UDP、FTP、HTTP还有一个我不记得了)
4. 以下关于POST请求说法正确的是?(POST请求只能通过body带参数、服务器一定能够收到POST请求发送的数据、POST请求发送了两个数据包、POST请求可以被缓存)

一面

1. 什么是BFC?垂直margin重叠是为什么?怎么解决这个问题?
2. CSS里面有哪些相对单位?都是相对什么的?
3. fixed是相对于谁定位的?如果加上transform会出现问题吗?
4. 什么是XSS攻击?怎么解决?
5. innerHTML有什么问题?有什么简单的办法可以避免插入文本被XSS攻击吗?
6. 为什么不推荐用style内联元素?内联元素有什么缺点?(css文件可以缓存)
7. 什么是原型链?原型链的终点指向什么?
8. cookie、sessionStorage、localStorage的区别和作用是?
9. http状态码有哪些?301和302的区别是什么?304是指什么?
10. 什么是闭包?使用场景有哪些?闭包会引起什么问题?
11. 什么是浅拷贝和深拷贝?怎么实现一个深拷贝?
12. lodash和ramda的区别是什么?
13. HTML中attribute和property的区别是什么?
14. 怎么解决跨域?
15. 字符串和new String出来的字符串有啥区别?

二面

1. 解释一下react中setState?(说说setState的表现和原理实现)
2. 如果我需要上传一个文件,前端展示进度条,用setState会导致合并更新,你有什么好办法?(Promise封装setState、利用setState底层特性,使用异步函数(setTimeout、async)包裹)
3. 有状态组件和无状态组件,有人说有状态的更好复用,有人说无状态的更好复用,你平时写的时候是怎么分的?(这个还是要看业务场景)
4. 如果有个react项目,你该管理组件状态?(从local state、global state和global store三个方向来解释)
5. react中组件是怎么响应数据的变化从而更新的呢?
6. react中的生命周期分为哪几个阶段?react16废弃了哪几个生命周期api?
7. 虚拟DOM相比真实DOM,为什么会带来性能上的优化?
8. diff算法是怎么比较新旧节点并更新的?key有什么作用?
9. 如果我这里有一个文本组件,我修改了里面的文本,那么会影响到其他的组件吗?(所以这个还是要看场景)
10. 如果store中有一个cityList字段,我们需要在用户刷新后保持原来的样子,做缓存,如果这个时候上方下达了一个命令,需要关闭某个城市的物流配送,这个时候需要将该城市移除,用户不刷新浏览器的情况下,如何做到?(这道题说实话我没理解,我说更新store和缓存,但被面试官否定了,后来只能说不知道,也忘了问他答案是什么了)
11. 对webpack有了解吗?chunk、bundle和module有什么区别?
12. 说说hash、chunkhash和contenthash的区别?
13. TypeScript有哪些好处?
14. 浏览器页面渲染的流程是什么?
15. css会阻塞页面渲染吗?会的话该怎么解决呢?怎么做到只加载首页的css?
16. 你觉得你最擅长的技术是哪一块呢?

综合面(综合+HR+部门leader)

1. 从你的项目中随便找一个,说一说这个项目解决了哪方面的问题,业务或者技术上的都行。
2. 这个项目中你的角色是什么?你做了哪些?哪里又能够体现你的能力呢?
3. 为什么只在携程呆了一年多就出来找工作了?你现在的职级是多少?
4. 你最近有看过什么书?最近在研究的技术是什么?
5. 用过vue吗?感觉和react的区别是什么?如果让你做vue项目,你能接受吗?
6. 这边是一个vue重构到react的项目,最近招人来做这块的内容,包括webpack之类的都是重新搭,你觉得你能hold住吗?
7. 打算在上海定居吗?是打算啥时候回二线?
8. 你未来3-5年的职业规划是什么?
9. 其他私密问题等等

总结

二面的时候,面试官问我有什么想问的吗?我说,对于我这种刚毕业1-2年的人来说,我对webpack和node接触比较少,在公司也很难接触到,自己写项目又遇不到很多深入的场景,接下来我该往哪方面发展呢?什么才是更重要的呢?

面试官说,你之前说自己为什么离职的时候已经说的很清楚了,我相信你已经找到答案了。我觉得对于毕业1-3年的人来说,如果能够做到独立去带一个项目和团队,这是非常可贵的。

部门leader面的时候,问了我很多项目方面的问题,不少正中我要害,刚毕业一年多来确实没有想过那么多东西。在技术不够突出,工作经验也比较少的情况下,似乎也很难说哪里能够体现出自己的能力。如果能多呆半年,肯定会有不一样的回答。

HR面的时候,这个HR对前东家的薪资待遇、职称等等可以说非常了解了,问了很多深入和细节的问题,也和我聊了很多,导致我非常尴尬和紧张(我一向不会撒谎,很多都是照实说了)。

这是自己遇到时间最久一次面试,算上HR面前后有五轮。不过,还算是愉快,至少让我积累了一大笔很宝贵的面试经验。

极光大数据

一面

  1. 实现JS的继承
  2. 数组去重(实现一个不使用额外空间,时间复杂度不超过O(n*n)的算法)
  3. css flex相关
  4. 一道js的题

二面

  1. 如果让你实现ant design的Drawer组件,你会怎么来实现?
  2. 如果实现一个串行的接口请求,你会怎么做?
  3. Promise的原理
  4. 你们的移动端布局是如何实现的?

leader面

  1. 对web安全的了解
  2. 对http2.0和https的了解
  3. 未来的职业规划?
  4. 你在项目中做了什么?最能体现你能力的地方?

Shopee虾皮

一面

  1. 如何找到一串字符串中最长回文字符串?
  2. 实现一个功能(时间有点儿久远了,忘记这道题的内容了,但面试官会一直增加功能,也一直让你找出更好的解决方式)
  3. 在工作中遇到的和性能优化相关的场景,不局限于前端
  4. event loop
  5. 讲一讲你所知道的web安全攻防的几种方式
  6. 从输入url到呈现页面,中间经历了哪些过程
  7. http2.0的有哪些新特性?解决了什么问题?http3.0呢?
  8. 如果需要更新线上的文件,而不走缓存,那该怎么做?(浏览器缓存相关)
  9. 浏览器跨域请求有哪些解决方式?
  10. 对https有哪些了解?
  11. Promise的使用和原理(常考用Promise封装函数)

二面

  1. 除了JS,你还学过哪些编程语言?
  2. 你对自己的未来职业规划是怎样的?
  3. 你在项目中做了什么?哪里能够体现出你的能力?(感觉这个真是面试必问的了)
#Shopee##面经##校招##前端工程师#
全部评论
感谢分享!可以将帖子链接留言到下面的帖子中参加活动领京东卡,也欢迎其他参加过社招的牛友分享面经,领取京东卡~~ -------------------- 活动:社招面经征集|参加过社招的牛友,来发面经吧,拿京东卡
1 回复
分享
发布于 2019-11-09 11:11
那个 大佬 卡学历 是卡毕业院校(985/211),还是本科专科这种
1 回复
分享
发布于 2020-03-04 21:57
淘天集团
校招火热招聘中
官网直投
大佬tql,感谢分享!
点赞 回复
分享
发布于 2019-11-09 11:13
shopee那边武大的挺多的我记得
点赞 回复
分享
发布于 2019-11-09 11:38
哇,大佬也太强了吧
点赞 回复
分享
发布于 2019-11-09 14:54
为什么虾皮二面问的那么少呀
点赞 回复
分享
发布于 2020-02-23 10:23

相关推荐

5 70 评论
分享
牛客网
牛客企业服务