两年经验前端社招中大厂面经(上)

金三银四即将到来,前端同学看过来!笔者整理了近两年来自己的面试经历,和大家分享一下,给 1-3 年经验的前端同学看机会找工作的小伙伴做一个参考,希望对你们有所帮助。

前言

基本情况:双非本,小厂,21届前端,2年工作经验,面试时间:2023.5.10 - 2023.7.20 前后,工作地点:北京
离职原因:基本没有涨过薪资,北京离家太远(南方人)。同时也考虑到个人发展原因,想跳槽,从北京回到广州深圳工作,离家近一些。


大概是从四月底开始准备面试,5月10号开始投递简历,期间经历了很多事情。2个多月,面了大大小小的公司,基本上都是在boss 直聘、脉脉上投的简历,面试时间基本都是在周一到周五的晚上在家面试,全都是线上视频面试。

在2023互联网寒冬,大环境不好的情况下,我个人的期望是这样的:

  • 面试北京、上海、杭州的公司,如果是大厂问期望工资, 由于个人 base 比较低,期望 base 涨 60% 以上,如果是低于这个数不太会留在北京,也不打算去上海和杭州;如果是中小厂,涨个 30% 也可以接受。
  • 面试广州、深圳的公司,个人期望涨 30% 以上,离家近一些。

面试的公司包括:阿里巴巴、腾讯、拼多多、美团、百度、小红书、同花顺、作业帮、微众银行、cvte 、挚文集团(探探)、58同城、美图秀秀等中大厂。

大厂全挂哈~ 面试结果比较惨淡!没有像其他大佬一样,拿到了 BAT、TMD 等大厂的offer, 接下来总结一下2022年与2023年的面试情况:面试公司、base 地点以及面试部门使用的技术栈等等。

面试情况

2年前端经验(2023年面试情况)

  1. 阿里巴巴鸰羊(杭州,react)一面挂,和面试官完全不在同一频道上
  2. 阿里巴巴国际 lazada(杭州),打电话过来约一面,问了我有没有移动端经验,然后就没有下文
  3. 同花顺 B2C(杭州,vue)一面挂,问得很细,有些答不上
  4. 作业帮(武汉,vue)一面挂,题做出来了,也挂
  5. 拼多多(上海,react)二面挂,promise 相关题没做出
  6. 小红书(上海,vue)二面挂,算法题做出来了,二面整体答得不好
  7. 百度托管页(北京,vue 和 react)一面挂,被面试官调侃两年经验不能手写出 Promise A+ 规范
  8. cvte 视源股份(广州,react)一面挂,细节回答不好
  9. 微众银行(深圳,vue)一面挂,细节回答不好
  10. 云账户(北京,react)一面通过,个人原因刚好在出差,主动取消二面
  11. 百度B2B 爱采购(北京,vue)三面技术通过,每一面都问了期望薪资。HR 面挂,问了期望总包,要了将近 dobule ,base 20+ 以上,挂!
  12. 阿里巴巴飞猪(杭州,react)一面挂,很多基础问题没答上来
  13. 挚文集团探探(北京,vue 和 react)一面挂,算法题有测试用例没通过
  14. 腾讯云智客服系统(深圳,react)二面后,没有下文
  15. 腾讯证券系统(深圳)一面挂,全程聊项目,聊得太久,后因本人有下一场面试,取消本次面试
  16. 金蝶(深圳)二面需要到深圳现场,取消面试
  17. 58同城(北京,react)一二面技术通过,HR 面后无下文,要的不高啊?
  18. 某图海外事业部(深圳,react)一二面技术通过,HR 面通过,offer
  19. 某出海电商小厂:offer
  20. 美团到店事业部(北京,react)一二面技术通过,HR 面挂,要了将近 dobule 的总包,据说严卡 20%-30% 的涨幅,挂!
  21. 阿里巴巴钉钉(上海):打电话过来约面试,由于我入职新公司有一两个月了,所以主动取消面试

1年前端经验(2022年面试情况)

2022年,1年经验的面试结果:

  1. 腾讯-微信读书(深圳,react)一面挂,太菜了,很多问题答不上
  2. 滴滴网约车(北京,react)一面挂,问了很多计算机基础,答不上来
  3. 点猫科技,编程猫(深圳,react)一面挂,整体回答得不好
  4. 立新出行(深圳,react)二面技术挂,问得很刁钻,很多答不上
  5. 高途课堂(北京,react)一面挂,算法有一小步没写出来
  6. 最右(北京)一面挂,css 手写题做不出来
  7. 大族机器人(深圳,工业互联网)一面通过,二面需要到现场,主动取消
  8. UMU 优幕科技(北京,react)一面挂,太菜了,很多问题答不上
  9. MiniMax 名之梦(北京,react)二面技术挂,算法题有测试用例没通过,后面写出来了也挂!

阿里巴巴鸰羊

前端一面(挂)

总结:感觉自己一直在答非所问,说不到面试官想了解的点子上

  • 自我介绍
  • 方便介绍一下,您在过去两年多的一个工作经验
  • 深挖项目
  • 在这个迭代里面:你主要负责哪一个模块呢?
  • 我看简历里你写了一个 xxx 中心,这块您之前参与了吗?这个过程的细节是怎么做的?
  • 你们打包js的过程是怎么样的? 怎么注入到你们框架里的?讲了很多,给面试官讲懵了
  • 那你有开发过像 xxx 中心的组件库吗?
  • 你有开发过哪一些比较复杂的业务组件吗?
  • 你们现在上班的节奏是怎么样子的?
  • 平时你们有赶项目的吗? 你们产品需求开发的模式是怎么样子的?
  • 你在 xx 待了两年多,也挺稳定了,为什么离职?
  • 你公司是在杭州吗?我们部门在杭州
  • 反问:部门主要技术栈react、你们现在主要负责哪些业务,能大概讲一下吗?以及手上做的一些工作、项目
    • 主要的产品:ERP订单管理之类的、客服产品、和你比较类似的低代码开发平台
    • 现在前端团队大概有多少人:30人
    • 平时上班的节奏:早上10点,晚上9/10点下班

同花顺 B2C

前端一面(挂)

前端负责人面试

  • 简单自我介绍一下
  • 我看你们做的这些事情,对前端来说是挺有意义的吧,提效工具这一块,减少开发。
  • 组件库、脚手架这种、模板 可以对前端提效是吧
  • 我想问一下您想换工作的原因: 工作环境和涨薪
  • 那我了解的话,主要还是薪资方面的问题,两年没涨。你们公司的涨薪制度是怎么样的?是环境不好吗?
  • 您在你们团队担任的是一个什么角色?
  • 目前在职看机会,您对新的工作主要是薪资方面是吧?期望多少?您老家哪里的?杭州比北京近一点
  • 那你能讲一下你的项目吗?
  • 你脚手架那块的话,我理解是说,可以通过指令生成一些项目的模板,是这样子的吗?
  • cli 下载应该是拉了一个仓库的模板?
  • 比如说,我们用户需要引入一些资源,这个是用户自己选择,这个有做吗?大概的意思是问:项目初始化的时候,有没有很多资源,可以让用户自己选???
  • 比如说刚才你说的作者、一些基础信息可能是刚开始拉的时候可能就要填了:
  • 那有没有不是基础信息的:比如一些js的引用,包的引用,可能是需用用户自己去配的,这一块是需用用户自己去配的,你是说通过一个配置文件去配,是把?
  • 此处省略多个项目相关的问题。。。

面试官说,接下来问一些技术方面相关的问题:

  • 这两年主要做PC项目,移动端没有涉及
  • 那你们这个ui 框架会对屏幕的大小做适配吗?
  • 不同屏幕的大小适配是怎么做的?不同的屏幕不是自动变宽吗、变高吗?
  • rem font-size 是怎么算出来的? 根据屏幕的宽度 根据 可视窗口的宽度 动态修改 大小
  • PC页面的重绘和回流的区别
  • 比如说有一个父元素它的透明度是 opacity:0.5,子元素我给它设置为 1; 这个子元素的透明度是多少?
  • 那如何设置子元素的透明度为1呢?
  • 用 const 定义了一个 对象后,能用另一个对象替换吗?
  • JS内存泄漏有哪些情况?
  • 闭包为什么会造成内存泄漏
  • 我们有一个业务,它的执行时间是超过 5秒的,它要10秒才能跑完,我这时候又想着每五秒 又想着 去执行这段代码,这个业务场景 应该怎么实现?
  • 比如一个大数据的循环,可能需要10 秒执行完,但是我又要 每个 5秒去 执行 一下这个程序?
  • 有一题比较简单的算法题,打开编辑器。 求两个数组的交集
  • 你们会对前端的数据做加密处理吗?
  • 加密它是一种怎么加密的方式?
  • 最近有用过 chat gpt 吗? 没有装 copilot 能大概说一下 chat gpt吗? 简单的定义
  • 技术栈主要是 react、哪个vue有接触过吗?
  • 问几个简单点的问题:watch 和 created 谁先执行?
  • 在 Vue 里面挂载全局方法?
  • Vue 强制刷新组件:子组件的强制刷新方法。当需要对当前组件进行强制刷新操作,可以调用this.$forceUpdate() 强制刷新当前组件。
  • 问一下React:能解释一下 React 虚拟DOM的工作原理:
  • React 虚拟DOM 对性能方面有什么帮助?
  • React 的错误边界有了解吗?
  • 什么业务场景下,会用到错误边界,它用在哪个地方会比较好?
  • 哪个TS有用过吗?
  • 反问:9点-21点工作 大小周,小周不打卡、技术分享
    • 哪个业务线:B2C集群下面,C端业务、H5为主
    • 主要 Vue + TS,其他部门用React
    • 计划招收 x 个社招名额

拼多多

主要是拼多多中后台这一块,技术架构,develops,监控,埋点,node sdk,还有拼多多内部的小二 一些系统(电商平台的客服系统?),主要是中后台这一块

前端一面(通过)

  • 同学你好,简单的自我介绍
  • 介绍项目
  • 主要做哪一块?
  • 你们几个人在做这个?
  • 问技术栈:主要是React,先聊一下React,再聊你项目里面的东西
  • react的路由有几种模式:hash(hashchange) 和 history (replaceState、pushState)
  • 项目主要用哪个路由模式
  • 用的 hooks 多一点 还是 class 多一点?
  • 自定义的hooks多吗?平时常用 hooks
  • 比如说封装过哪些 hooks ? ok,你可以写几个平时封装过的hooks吗?
  • useCallback 和 useMemo 用过吗? 区别是?
  • useContext 哪个场景会用到它
  • redux全局的store, store是怎么跟react组件关联在一起的
  • 项目的TS使用得多吗?
  • 组件库会有一个像 modal 的这个组件,有没有想过如何实现一个通用的这个组件?功能比较简单一点,比如说有一个全局的蒙层,上面有一个居中的弹框,有一个关闭按钮,可以把弹窗和蒙层关闭掉,如果我想用react自己实现一个,应该怎么实现?
  • 自己有对 webpack 了解吗? webpack的整体流程
  • 常用的loader 和 plugin 有哪些呢?
  • 自定义一些插件,自己 有写过哪些插件呢
  • 自定义的插件的流程
  • 我看你写过自定义插件,它的作用是,解决了什么问题?
  • 中间穿插几个项目问题,省略了。。。
  • ok,聊一下ES6的promise吧,它的静态方法的区别:all、race、allsettled、any
  • 手写 promise.allsettled 的实现

继续问项目:

  • 你现在负责的项目,主要负责那一块的开发
  • 画布区里的组件是 自由布局吗?
  • 搭建的面板你有参与开发吗?
  • 你们现在成品用户多吗?主要是卖给谁呢?谁用在用
  • 你们现在这个平台,现在能盈利?也就是说你不知道你做的这个东西有多少用户在用?
  • 你感觉你们现在这个平台,这个技术的复杂点、最主要的复杂点是在哪里?
  • 你们的客户也是有研发团队的是吧?
  • 你现在是在职状态还是离职
  • 在职看机会的原因是
  • 现在手上有拿到哪些公司的offer吗?
  • 现在在面试中都有哪些公司?
  • 你有什么问题想问我吗?
  • 主要做哪些业务:主要是拼多多中后台这一块,技术架构,develops,监控,埋点,node sdk,还有拼多多内部的小二 一些系统,主要是中后台这一块
    • 主要技术栈是什么?React
    • 我们平时的工作节奏,hr 跟你讲了吗? 11 -11 10-10 9-9
    • 啊?我们不是大小周,每周周日过来
    • 你现在的节奏是怎么样,感觉差不了太多,这个节奏能适应吗?

前端二面(挂)

  • 你毕业之后一直在 xx 公司吗?两年,在哪个城市
  • 换工作的原因
  • 你老家是哪里的
  • 简单的介绍一下项目
  • 讲一下低代码这个系统是怎么设计、怎么实现的?在实现上有哪些难度啊?
  • balabala,此处省略几个项目相关的问题
  • 这个事情(项目),你们做了多久?
  • 你现在找工作有什么样的期望?
  • 你从北京到上海工作应该没有问题吧?你是南方人吧
  • 实现图片的懒加载
  • 还有一道题目做一下:Promise.race相关的,它的实现,超时后重试,多个场景综合考察题
  • 想了很久,重试没写出来
  • 反问
    • 主要技术栈,react
    • 主要负责业务:主要负责公司内网所有的前端系统
    • 平时工作节奏:差不多一天干12个小时吧

小红书(社区)

社区前端方向

前端一面(通过)

  • 好,那我们开始把,先简单介绍一下自己的一个经历,以及自己有亮点的项目?balabala
  • 你可以这样介绍:在这里边主要负责哪几个项目,哪些项目是比较有亮点的,亮点的地方在什么地方?或者是你觉得在这里面你觉得是 比较有挑战的地方?然后简单的介绍一下是怎么解决的?
  • 你们低代码服务的业务是什么?
  • 这里边现有的组件有哪些? 有多少个组件啊,都是什么分类组件啊
  • 你们这个低代码的用户有哪些?
  • 这些用户是企业对应的运营直接在平台上操作吗?
  • 这个低代码都包含哪些能力?
  • 此处省略 N 个项目相关的问题!!!
  • 自定义组件它的渲染的流程是什么?我不太想问这个过程
  • 我不太想了解你们怎么定义它的,我想了解的是你对这个方案的一个理解?
  • 你可能需要描述得细节一点:我对你的这个描述,听不出任何细节的东西
  • ok,看两道题目
js 复制代码
const p1 = new Promise((resolve) => {
    setTimeout(() => {
        resolve('resolve3');
        console.log('timer1')
    }, 0)
    resolve('resovle1');
    resolve('resolve2');
}).then(res => {
    console.log(res)
    setTimeout(() => {
        console.log(p1)
    }, 1000)
}).finally(res => {
    console.log('finally', res)
})
  • 字符串全排列:输入一个字符串,打印出该字符串中字符的所有排列。结果放在字符串数组中返回,但里面不能有重复元素。
    • 输入:s = "abc"
    • 输出:["abc","acb","bac","bca","cab","cba"]
  • esm 和 cjs 的区别
  • requestAnimationFrame和requestIdleCallback 的执行时机,谁先执行? requestIdleCallback 是绘制前执行还是绘制后执行?
  • React Fiber 遍历DOM结构的顺序是?
  • 说两个场景啊:自适应布局的:有一个父容器,3个子组件,和父组件等高的,3个子组件均分父组件的宽度
  • 那如果非均分呢?每一个字符串填充字符串,取决于字符串的多少?
  • 说一下 em、rem、vw、vh、rpx 的含义
  • useMemo 和 useCallback 的区别
  • 手写实现 new 方法
  • 你最近还有其他的面试吗?都在面哪些公司呀
  • 你感觉低代码这个方向:怎么看啊???
  • 你现在做的这个低代码,对于你来说这个,最大的痛点是啥?现有的方案,对于最大的痛点
  • 你有啥想问我的?
  • 反问:
    • 主要技术栈:vue,业务线:社区的一些基础产品
    • 平时工作上班节奏:早十晚九 大小周
    • 部门预计招收多少人?
  • 你这个低代码平台的组件是动态加载的吗?整体打包的?

前端二面(挂)

总体来说项目答得不好,h5 拖拽顺序没答上来,算法题做出来了

  • 简单自我介绍
  • 你们这个团队主要做的业务是什么?你们团队为什么想到要做这个低代码?
  • 你们做的是一块怎么样的业务呢?能大概介绍一下吗?
  • 都有哪些业务场景?
  • 你在这个低代码项目当中主要负责的是什么?
  • 能大概介绍一下 xx 模块 吗?
  • 此处省略 N 个项目相关的问题!!!
  • 诶,能大概讲一下这里面的技术设计吗?就是听起来它还是一个产品流程的描述,能大概讲一下代码是怎么去设计的吗?
  • 比如说,你们是怎么把它渲染成组件?
  • 用的H5的原生拖拽?能大概介绍一下H5原生拖拽它的这一个 拖拽的顺序吗? 然后这个过程中会触发哪些事件
  • 能按照拖拽的执行顺序说一下嘛?
  • drag 拿到的一个对象是一个怎么类型的对象?
  • 为什么会使用原生 H5,不直接使用一些市面上开源的一些工具库、方案?
  • 使用原生 H5 有哪些好处?相比于 开源的一些工具库,或者说它 有哪些实现不了的?
  • 这个拖拽能力 你有做过一些什么样的封装吗?
  • 就你不可能直接使用原生DOM进行操作把?总归是有一些封装的吧?代码是怎么组成的?拖拽这个能力作为一个比较独立的功能,你们没有任何封装?
  • 此处省略 N 个项目相关的问题!!!
  • 你们怎么去评价这个低代码项目做得好与不好啊?
  • 你们会怎么样去评估这一件事情(低代码)?
  • 你们现阶段在一个什么样的水平?它大概能缩短多少周期
  • 你们这个低代码页面支持搭建多少个页面?都有在线上去运行吗?
  • 这个自定义 webpack 插件,是为了解决什么样的问题?
  • 算法题:数组乘积的操作,除了自己以外,所有其他数组的乘积(写出来了)
  • 现在考虑机会的原因是什么?
  • 有什么问题想问我的?
    • 小红书 Vue,工作节奏:大小周,早10晚9
    • 你们主要的base哪些:上海、武汉
    • 前后端大概多少人:60 70人吧,还不算独立方的,发布团队

百度托管页

被百度面试官调侃、吐槽两年经验不能手写出 Promise A+ 规范,Promise 这一块知识回答得不好

前端一面(挂)

  • 简单介绍自己
  • 基本数据类型
  • 箭头函数
  • 介绍 promise
  • 能不能手写出 promise
  • promise 相关的题目:值的传递、错误捕获等综合题目
  • 看您写了几个项目,你觉得哪一个做的比较好的,聊一聊:说一下亮点
  • 你们低代码平台的一个产出是啥?
  • 那你们在可视化平台是怎么跟渲染引擎通信的?
  • 此处省略 N 个项目相关的问题!!
  • 然后你们是怎么做这一个性能的优化的? 因为 json 特别大的话,更新
  • 有没有低代码悬浮的组件
  • 整体页面的自适应你们是怎么做的?
  • 你们组件宽高的属性:比如你在画布区拖入一个文本,他会有一个固定的宽高对吧,这个宽高保存到 schema 的时候属性单位是啥?
  • 有了解过 你们渲染引擎是 怎么解析你们这个 json schema 的吗?
  • 你说的是整体吗?比如说他说怎么把一个组件渲染到页面上的
  • 其实我想听的是整体的层次,它是怎么来做的? 你刚说的是其中的一个点
  • 比如说它有一个通过接口获取的,你说不知道它的真实高度的,然后这种你们是怎么去布局的?
  • 你们当时用的 postmessage ,后面迁移到 xxx 技术,这一个的主要原因是什么?当时是 postMessage 遇到了什么瓶颈吗?
  • 然后你觉得这一块 还有哪个地方做得比较好的吗?
  • 反问
    • 你们的技术栈:基于业务来看,核心是不限技术栈的
    • 主要负责的业务:商业建站
    • 平时的工作节奏:上班时间 10,下班不固定
    • 计划招多少人:目前肯定是有名额

Cvte 视源股份

前端一面(挂)

  • 自我介绍
  • 毕业的时候一直在 xx 公司,你基本都在做什么项目?
  • 你讲一下你主要负责哪一块的?
  • balabala
  • 你们的 json 是怎么定义组件间的联动的?
  • 怎么确定区分两个 input?
  • 你们是怎么触发的事件?这一块能详细说一下吗?
  • 优化、减少打包体积,这一块可以讲一下吗? webpack 这些都是实际有做的吗?
  • 构建优化,打包体积这一块主要是做啥?
  • 自定义插件是做了是做了什么? 具体是啥?解决了什么问题
  • react 函数组件 和 class 组件哪个用的多一点
  • 做了重构,你有做哪一些设计吗?或者说遇到复杂的组件,你有做一些可复用的
  • 有什么可以讲一下吗?有什么组件可以重构的?还有比较难的可以 讲一下吗?
  • 弹窗怎么去做拆分?
  • 有没有说一些 解耦方面的 或者说是 复用方面的 做得比较好的组件 可以讲一下?
  • 从 class 重构成 function 组件需要注意哪些东西?
  • 你在工作中 有遇到什么 坑吗?
  • 类组件 和 function 组件 最大的区别?
  • hooks 大概的原理你知道吗?
  • 比如说 一个hooks ,它是怎么做更新机制的?
  • 那有一个问题,setState 是同步的还是异步的?
  • React 有哪些优化的方式?
  • 路由 的懒加载原理:
  • useMemo 和 useCallback 的区别
  • hooks的闭包 ,会有什么问题吗?
  • hooks的闭包,为什么拿不到最新的值
  • http1 http2 有什么区别
  • 比如说,我往服务器发送 100个请求,http2 它是怎么发的?
  • 聊一下 https
  • 非对称不会泄漏,对称会泄漏?
  • https 安全?
  • https 会有什么安全问题?
  • CSRF和XSS怎么防止你知道吗?
  • SameSite: 严格和 none 有什么区别?
  • 那你知道它们(SameSite)分别对应什么场景会发吗?
  • 反问

云账户

一二面会有手写代码测试,一面或者二面当中,有一面必须到现场来的,对工作环境有一个直观的感受

前端一面(通过)

  • 自我介绍
  • 项目经理
  • 怎么跟 xx模板的开发同学去沟通的呢?
  • 此处省略 N 个项目相关的问题!!
  • 然后你介绍一下项目的难点,你是怎么解决的? 你有什么思考
  • React 设计思路、或者说运行的流程? React 它是一个怎么样的设计?分哪些部分,怎么去走的?
  • 组件是数据驱动的这样一个方式,封装state,最终的话更新到dom节点,那么在这个过程当中,其实有很多的步骤,你可以介绍一下 我们常常关注的一些节点吗?
  • 那它是怎么更新的呢? 中间的过程是怎么样的呢?你刚刚讲得比较粗糙
  • setState的更新流程
  • 那它在什么时候会更新虚拟DOM树呢? render 的时候可以深入讲一下
  • 批量更新的状态:它是怎么设置的?
  • react的状态管理:怎么理解redux的设计方式呢? 分为几个层次去说呢?
  • 定义 多个 reducers , reducers是一个什么概念?
  • 那 dispatch 怎么能知道我通知的哪个 reducers 呢?
  • 有了解 过 React Fiber 最新的架构吗?
  • 那它的中断由谁去中断的?
  • 有接触过网络接口的封装吗?
  • 网络请求的源码? 比如有看过 axios 源码,封装过吗?
  • 比如说一个网络请求:有请求头,header 有哪些?
  • 像文件的下载和上传的话:下载文件会牵扯到断点续传,有可能是怎么做到的呢?
  • 那上传文件呢? 上传怎么实现
  • formdata 的格式?
  • 比如说文件,它其实最终的话传输肯定是一种二进制文件吗?那么二进制文件的话,到了流里面的话,其实后端它也不知道是什么东西?那么肯定会有一些额外的东西,需要告诉后端,我这边,比如说长度是多少,类型是什么. 等等乱七八糟的东西? 你这一块知道吗?
  • 组件的设计规范:比如说你设计一个button,怎么样能够设计出一个好的 button?
  • 比如说这边有这种情况:颜色,边框,边框粗细?文字的大小,基础的能力都有了,那业务方希望说我希望边框是曲线的边框,这时候你应该怎么办? 你怎么去考虑
  • CDN 和 DNS 有了解过吗?
  • CDN 是一种资源的同步更新,像主节点更新了,其他边缘节点 是一种什么样的策略,来保证跟它的主节点保持一致呢? 比如说我主节点更新了,其他节点其实还是老的,怎么去更新呢?更新有怎么样的策略呢?或者说怎么去处理呢?
  • 嗯,文件名称和时间戳?那它怎么跟主节点去对比呢?我就知道它的时间戳是这一个,然后我怎么知道它去更新的,它跟谁去对比呢?
  • 算法题: 无重复的最长子符串长度(写出来了)
  • 反问
    • React技术栈
    • toC 社交产品部业务
    • 平时工作节奏: 10点上班,晚上6点 、7点走人

前端二面(取消)

百度爱采购(B2B)

3技术+1hr,三轮技术面通过,而且每一面都问了期望薪资。

HR 面挂,问了期望总包,要了将近 dobule ,base 20+ 以上,挂!

前端一面(通过)

  • 简单自我介绍(3 min)
  • 离职原因
  • 你的期望
  • 项目经历 balabala
  • 对于这个低代码组件资源管理中心做的组件库,你们自定义的组件,有版本吗?
  • 对于不同版本的组件,组件肯定有它内部维护的数据,例如一个图片,或者是一个表格之类的,会有一个url内容,那如果组件升级了,那组件里面的数据结构发生了改变,你们对数据合并这一块有什么处理吗?
  • 合并数据:比如一个组件可以有1,2,3个版本,会有渲染的时候可以选择哪一个版本的组件,但是它里边内部的数据,应该不会去区分把?
  • 这个项目做了多久?
  • 那对于这个组件编辑的时候,它会有一个拖拽的过程,拖拽的时候去做这个边界的检测,或者有什么自动落位,这部分知道是怎么做的吗?
  • 此处省略 N 个项目相关的问题!!!
  • 然后问一点面试题:Promise 熟吗? 它解决了什么问题,它的技术原理是怎么样的?
  • Promise 可以链式调用,它是怎么做到 链式调用的?
  • 比如说我们调用then 方法 会返回一个新的 promise
  • 你写一个 Promise:15分钟,只需要实现它的状态扭转,then 和 catch 两个方法即可,对于返回的数据类型只处理 promise 和 基础数据类型就行,你可以尽量的简化逻辑分支的处理。把它的基础流程写出来就行(在之前的面试中有问过,并且复盘了,所以完完全全写出来了)
  • 写完 Promise 之后问的问题:
    • then里面为啥要区分一下状态? 有啥用
    • 假设我的 promise 里面全部都是同步代码,promise里面没有做任何异步,不写 pending 是不是也可以?
    • pending 里的东西存的两个数组:他们的执行是在哪里吗?
    • resolvePromise 判断 typeof object 和 null 的地方,如果是null的话,为啥不行
    • 感觉你写的这个Promise,再加点东西就能跑起来,先这样,写的挺细的
  • React 里面 虚拟DOM 有啥用,为啥不直接更新 DOM
  • 虚拟DOM优势?
  • 写遍历的时候,key 有什么用
  • 描述 一下 JS 事件循环
  • 异步的任务有区别:宏任务 和 微任务
  • 在setTimeout 里产生一个promise,当前的promise 会在当前 次执行掉吗?还是在下一次循环里执行?
  • 在ES6,let 和 const 有什么区别
  • 声明 object 和 number 存放位置?
  • 浏览器的缓存机制:强缓存、协商缓存
  • http 3次 握手?为什么要握手3次,握手的流程?
  • http 4次 挥手
  • 反问:
    • 技术栈 Vue
    • 主要的业务是:B2B业务部,MVP下的部门,爱采购 类似于 1688 ,toB的电商平台,主要的业务形态,主站的PC端、移动端、小程序、toB 的商家后台,CRM 等
    • 平时的工作节奏:百度比较不倦的部门,早上 10点,晚上 7 8 点下班

前端二面(通过)

  • 自我介绍
  • 低代码项目里,在线 js 开发是怎么实现的? 开发组件不是这种方式对吧?
  • 在线 JS 代码如何保证安全性? 你会怎么做呢?
  • 你们这个代码是由很多组件组成的对吧,页面加载的时候如何保证 页面的抖动?如何做防抖?
  • 你们会有这样的问题吗?比如说你,后面的 js 先加载出来,就会先出现在页面上,然后前面的比如没有出来,就把后面的挤压,会有这样的问题吗? 目前来说没有把
  • 你们组件有用到编辑态,有用到预览态,那这两个会有一些差异吗?
  • 此处省略 N 个项目相关的问题!!
  • 编辑态的时候,比如说左侧肯定会有一些组件,拖拽的时候会拖入到画布区,你们是怎么渲染出来的?比如用iframe 还是直接渲染出来的
  • 你里面肯定是要排序的嘛?可以上下进行移动,这个过程你如何实现的?
  • 你这个插入的过程是怎么插入的?
  • 那你这个数据有变化了,React 它是做了怎么的处理呢? 比如说,你刚才是一个列表吧,列表的数据变了,顺序变了,数据变了然后更新,落到说React进行渲染,中间进行哪些步骤?
  • 你可以往React的底层去答一些:数据变化到渲染出来,经历了哪些过程
  • 脚手架工具可以简单介绍一下吗?专门对外的一个组件库开发脚手架?
  • 那组件开发完成之后,它是给你编译后的产出包吗?还是说? 对,这个产出包是给低代码使用的
  • 你们这个预览是用微服务的方式吗?微前端?
  • 你们这个有SSR ?
  • 写代码,算法题:有效括号题(做出来了)
  • 事件循环题目:输出顺序
js 复制代码
setTimeout(function () {
    console.log(1)
}, 0);

new Promise(function executor(resolve) {
    console.log(2);
    for (var i = 0; i < 10000; i++) {
        i == 9999 && resolve();
    }
    console.log(3);
}).then(function () {
    console.log(4);
});

console.log(5);
  • 浏览器数据存储的方式
  • 使用的时候一般什么样的数据存在cookie、什么样的数据存 localStorage
  • https 有哪些优势?加密数据,防止泄漏;保证数据的完整性;
  • 你从上一家离职原因是什么?
  • 你期望的薪资?
  • 反问:
    • 技术栈是vue,你们有用 TS吗?
    • 爱采购 vue2 新项目Vue3 + TS + Webpack 5
    • 你们负责的项目有哪些?能整体介绍一下吗?
    • 敏捷开发:分很多方向,主要是平台方向,商品相关,pc、移动、小程序、B端商城后台,主页、列表页,详情页相关,我们这边也是有低代码平台的,我们有我们的建站平台,店铺的页面,商品详情页,这些都是可以配置开发的,也是有不同的主题

前端三面(通过)

  • 项目经历
  • 在你参与负责的低代码项目,前端后端分别负责什么?
  • 低代码平台,前后端是怎么分工的?前端负责什么内容,后端负责什么内容
  • 这个项目的成员分工是怎么样?
  • 所以你做的工作大概是 x 分之一?
  • 那你们 x 个人之间是怎么配合的?
  • 工作量是怎么拆分
  • 你是从0到1参与开发项目,还是后来加入的?
  • 你在这个低代码项目里面主要承担了什么工作?
  • 那你觉得自己在 这个团队的贡献是怎么样的?
  • 反问:
    • 部门整体情况:算正常的吧
    • 工作节奏:早上10点上班,晚上8或者9点走的人多
    • 最大优势:是流量这一块,可以从大搜上倒流,技术上可以用到大搜这边、百度上的一些搜索沉淀,所以说在搜索这一块,应该做得还是不错的。。。。嗯明白
  • 诶,你现在手上有其他offer吗?暂时还没有,还都在面试中
  • 都在面哪些公司呀?
  • 期望薪资
  • 感谢参加面试:拜拜

HR 面(挂)

期望薪资,要了将近 dobule ,base 20+ 以上,挂!

总结

  • 代码能力:大厂基本都会考一道算法题(简单、中等)
  • 薪资:现在很多公司都在卡涨幅,除非是特别优秀的同学
  • 经典问题:项目中遇到比较有难点、挑战的问题,怎么去攻克、解决的
  • Promise 必问,最好能手写出来,并且理解每一行代码的含义
  • 最终去向:某出海电商小厂

为了确保面经的真实性,在这里贴几个中大厂面试邀请的截图哈~

相关推荐
光影少年3 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_4 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu10830189116 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾8 分钟前
前端基础-html-注册界面
前端·算法·html
Dragon Wu10 分钟前
前端 Canvas 绘画 总结
前端
CodeToGym15 分钟前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫16 分钟前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫20 分钟前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
Cwhat21 分钟前
前端性能优化2
前端
熊的猫1 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js