前端面经系列
京东零售（一）
前端一面（挂）
- 自我介绍
- 目前是在职
- 在项目里做了一些安全措施和 xxx 加密处理，可以说一下这个过程吗
- 写了一些优化，优化涉及到哪些内容和工作
- 性能的指标来源于你们开发的时候自己测试、还是来自性能平台
- 说一下 CLS 的优化
- 这个前端异常、报错是怎么去收集的？
- 项目问题：balabala......15分钟
- 你们为啥没有采用业界开源的方案，而是从头开始做呢？
- 避免 React 非必要的渲染
- 场景题：页面上有一个按钮，点击这个按钮，会有一个比较大的计算，比如说执行数万次处理一些数据，这个方法本身不能优化的情况下，它的表现就是一点击这个页面就卡住了，我想操作其他的地方操作不了。我想在这个方法执行的过程中，还能进行其他的交互，有什么操作可以实现？
- 前端经常跟网络请求打交道，http 有 301，302 这些状态码，大概表达是什么含义？
- node 有了解吗？用 node 都做了哪些方面的事情
- http2 相对于 http1有什么提升
- Linux 操作有没有知道一些简单的操作
- 做一道题吧：比较版本号
- 最后一个问题：今后的一段时间内，你想在哪个领域去发展和探索，有什么规划
京东零售（二）
前端一面（通过）
- 自我介绍
- 团队成员多少人
- 你在团队中的角色定位
- 换工作的原因
- 绩效怎么样，有没有晋升
- 目前的职级
- 挑一个项目里最具挑战的，踩坑比较长的一个技术难点
- 项目问题：balalala.....10分钟
- 项目里用 node 都做了什么事情
- 项目问题：balalala.....10分钟
- 监听用户的离开或者打开新页签，从移动端浏览器的场景可以怎么监听？
- 对项目页面性能的优化，展开说一下做了什么
- vue 2 和 vue3 最大的差异点
- vue 和 react 的 key 作用
- jsx 怎么转化成真实的 dom
- 代码考核：打家劫舍
- 宏任务和微任务
- 新人引导的场景：功能介绍的场景，你觉得在前端上存储，用什么方式比较合适
- 大数据的信息存储，觉得在前端上存储，用什么方式比较合适？
- 两个页签的通信哪些方式可以实现？
- 后续期望的方向
- 目前在职还是离职
- 我们base 北京，可以接受吗？
- 反问
- 技术栈：pc是 vue3、跨端用的内部 taro
- 业务和项目：对内的，toB，内部采销。用户群体是内部的采销，运营、web 供应商、招商、客户。涉及到 PC端为主、少量移动端、小程序
前端二面（通过）
- 简单的自我介绍
- 我看你做的这些项目好像都挺有亮点的
- 我看你之前用的 react 偏多，react 常用 hook 有哪些，分别在哪些场景下使用
- react 组件传参方式有哪些
- react diff 的原理
- vue ：vue2 和 vue3 响应式原理
- 前后端联调用的哪个库，有对它进行封装吗？都封装哪些内容，怎么做的
- 项目问题：balabala...20分钟
- 项目性能优化的东西，主要针对h5吗，性能的评估是从哪些维度去评估的
- 项目的监控，有帮你们提前发现了哪些线上的问题呢？
- 项目问题：balabala...10分钟
- 离职原因，为什么找工作
- 反问
- 技术栈：vue 和 react 都有
- 项目和业务：交易运营的多一些，管理平台，类似c端的配置，给前台页面做一些配置化的能力
- 工作节奏：互联网公司都差不多，有时候还挺忙的，看项目的
前端三面（通过）
面试官是部门总监，后端的大佬
- 自我介绍
- 在职还是离职
- 换工作的原因
- 在现在的公司有遇到什么瓶颈吗？
- 除了你现在做的业务，比如其他模块电商、交易、商品、库存这些技术模块，这些你了解吗
- 在这整个过程中，有没有遇到过一些挑战，或者说你怎么去解决这些挑战、问题呢
- 你现在base 哪里？你有意向的城市吗？你希望在哪里
- 你这个项目是 pc 还是 h5
- 你们用 react 多，还是 vue 多
- 你了解 react 和 vue 的差异吗？你了解行业里面 pc 用哪个框架多一点
- 不同的框架有不同的优缺点，使用不同的场景，在选择框架上面怎么做选择呢？
- 如果去选择的话，如何考虑这两个技术栈react、vue 如何做选择
- 项目问题：balabala......10分钟
- 上面提到性能优化这块，你们有没有一些指标体去衡量你的页面，体系化的衡量你的页面做得好与不好，或者说怎么去改善的这些东西
- 你们的标准是什么呢？什么是好，什么不好
- FSP 衡量的周期是什么？
- 你们会关注 INP 吗？
- 前端的系统：全流程的监控，比如说项目要做一个大的重构，页面高可用你们是怎么保障的？比如说你们做了一个大的改变重构，xxx 的监控，页面上的高可用，你们怎么去保证？因为你这是核心页面，出问题会影响很大？
- 刚才那个埋点，怎么保证你们的埋点比较全呢？你们会怎么去做这件事呀？
- 你们会有监控发现率的指标吗？有没有一些线上问题是通过监控发现的
- xxx 现在保持在95%，有没有什么举措提高这个 xxx 成功率吗？
- 但是你们有没有在做这件事情？提升 xxx 成功率，或者分析 xxx 失败的原因都有哪些？需要达成什么样的目标？有没有做，不一定是你做。我只是了解一下有没有做业务视角相关的东西
- 现在大模型比较热，比较流行。前端这块我理解更容易通过大模型来提效的，我不知道这一块，你们有没有在针对前端提效，代码开发，cr 方面去做的，去挖掘的一些场景啊
- 你们有应用 Ai 吗？应用的场景是什么？应用完之后带来的效果是怎么样的
- 最近两年的绩效情况怎么样？什么级别？
京东HR面（挂）
- 介绍一下自己
- 我看你是在职的状态，不知道你现在求职对于平台有什么样的期待和述求呢？
- 你希望在新的平台上获得什么？
- 现在除了看京东之外，还看哪些机会？
- 你看的行业还蛮多的，这个是怎么考虑的
- 你是哪里人？
- 未来在这个 base 地点的有什么倾向性吗？
- 对于京东这边的职位，有哪一些需要了解的？
腾讯音乐全民K歌
前端一面（挂）
没有做题，项目答得稀巴烂，不到30分钟结束战斗
- 开一下摄像头，确认是本人。
- 简单自我介绍，细节可以不用展示，大概介绍一下项目就行
- 项目的性能优化是怎么做的，都关注哪些指标
- 项目问题：balabala......15分钟
- 比如说前端 JS 加载失败了，有什么办法去提高它的加载成功率？
- 比如说前端 JS 加载失败，有可能是什么原因导致的？
- 比如说遇到一些 DNS 解析有问题，有什么解决方案？
- 怎么做 DNS 预解析
- link 的 dns-prefetch 对你的首屏优化有效果吗
- 常见的状态码都有哪些
- http 的缓存
- 说一下事件循环的过程
- 前端监控涉及哪些东西
- 我这边初面先了解这边多，看你有什么问题？
- 反问
- 技术栈：跨端为主，跟 react native 有点类似，用的腾讯内部自研的框架，使用 react 为主
- 业务：我们现在做的是全面 K歌，围绕入唱，做很多的视频、广告、增长相关
- 工作节奏：早上10.30，晚上一般 7、8、9 点下班
- 那今天初面就先到这里，如果初面通过的话，再跟你约二面
携程海外支付
前端一面（通过）
- 自我介绍
- 你们网站做这个国际化是如何设计和实现的？
- 多语言如何实现？
- 你们有没有经常去监控发现到一些糟糕的情况？
- 项目问题：balabala......20分钟
- js 的事件监听机制
- 你在 xxx 平台怎么实现事件的监听的？
- 项目问题：balabala......10分钟
- 平常如何防范 XSS 的漏洞
- 服务端渲染如何处理 dom 的操作？
- 如何实现搜索输入框，减少触发的频率
- 你们会对前端的用户行为做分析吗？
- 你们做 xxx，如果做到减少代码的bug率
- 你们那边大致的开发流程是怎么样的？
- 你们上线如何做灰度的？
- 你们上线后需要做什么事情？会加告警吗？
- 平常用 TS 比较多？
- xxx 项目里遇到精度问题你知道怎么处理吗？
- 中途加入到某个项目，里面有大量遗留的代码，那你如何减少bug频繁率？
- 如何减少代码的重复率？
- 页面性能优化？怎么优化服务端的渲染逻辑
- h5 应用 rem 原理是什么
- webpack 插件原理
- webpack 的构建过程
- 你个人性格是内向还是外向
- 平常工作中，喜欢去推动一些事情吗？
- 反问
- 项目和业务：支付、国际支付，海外钱包方向
- 技术栈：react
- 工作节奏：10-10-5 或者 10-9-5
前端二面（通过）
- 自我介绍
- 项目问题：balabala......15分钟
- h5 兼容性问题，或者碰到过哪些兼容性问题
- 浏览器兼容问题：你是如何监控到在不同浏览器上，页面打开是否正常？
- 页面性能优化都做了什么
- 如何追踪用户的异常行为？你怎么判断用户的行为是异常的呢？
- 项目问题：balabala......10分钟
- 英文怎么样？四级和六级过来没
- 在职还是离职
- 离职原因
- 现在 base 在哪里？
- 找工作的诉求是什么
- 现在在职，如果入职我们这边的话，大概需要多久？
携程三面（通过）
- 目前在职还是离职
- 做一下简单的自我介绍吧
- 项目问题：balabala......10分钟
- 所以你做的一般都是类似 h5、PC web页面的是吗？app 有没有做过
- 你能结合一个你做得还比较好的的项目来说一下，你在这个项目过程中，你的思考，每个阶段你做了哪些事情，有哪些交付，有哪些产出。然后你带给项目最大的贡献是什么？你遇到的挑战是什么，你是怎么解决吗？
- 项目问题：balabala......10分钟
- 你出过生产事故吗？
- 你们多语言怎么实现的？
- 你现在这边做了快两年，为什么要离开呢？离职原因
- 像你大学也在这边读的，工作也在这边，你还想换一个城市吗？我们在上海
- 你在这边工作强度怎么样？
- 你们对提测的质量有要求吗？你会自测吗？
- 你英文怎么样？
- 你这边有问题吗？反问
- 业务方向：支付业务，进来做收银台咯
携程HR面（通过）
支付研发这边的HRBP
- 对岗位的了解，现在看这个机会的匹配度
- 你在 xxx 公司，哪个办公区，你是怎么考虑，看上海的机会？确定看，还是可能都看一看
- 看机会是怎么考虑?
- 那你觉得什么工作节奏是你比较能接受的呢？
- 当前薪资
- 你的绩效
- 当时拿 xxx 绩效是什么背景下拿到的
- 你可以跟我介绍一下这个项目的大概情况吗，项目做了多久
- 那这当中有遇到过怎样的挑战呢？
- 除了这个之外，有没有其他项目是你在实际的工作当中，发现了一些问题，主动去提出解决方案来改善的情况
- 就是你在工作当中，不管是效率上的问题，就是说你觉得有些技术方案不是很合理的情况或者是说，发现你在做一些事情的时候，你觉得有一些不是很合理的规范，不是很利于你们整体这个发布，然后自己主动去提出一些解决方案，有吗？
- balabala，说了3个。然后问可以挑其中一个给我讲一下吗？
- 你在 xxx 公司做的比较长的是哪一个项目？
- 那在这个过程中，有没有你影响比较深刻或者解决的一个问题？你觉得说，这里面对你来说最大的挑战是什么？
- 当时从第一份工作去到 xxx 公司是基于什么原因呢？
- 来到 xxx 公司之后有没有用到一些新的技术栈或者学到一些新的前端技术
- 总结来说：你在 xxx 公司 最大的收获是什么？
- 你平时有学习的习惯吗？
- 那你在 xxx 技术博客上学习的东西，有实际用到你的工作当中吗？
- 那你自己喜欢做前端开发这样的工作吗？
- 你享受你现在的工作吗？比如说你做前端开发能够给你带来成就感，然后你愿意在这个事情上持续的输出
- 未来的 2-3年职业规划
- 你现在是刚开始看机会吗？还是有一段时间了？都面了哪些公司，都到哪些流程了
- 你对下一份工作有选择的倾向性吗？
- 你是哪里人
- 你除了城市的倾向性，还有其他的考虑因素吗？比如业务
- 除了这几个原因，如果有多家公司都发offer，你会从哪些方面考虑
- 你就是已经考虑要走了是吧
- 反问：你有什么问题想问我吗？
- 所以你自己对携程的印象是怎么样的？
得物海外业务
前端一面（挂）
可能面试官觉得项目没有亮点
- 15分钟做题：岛屿数量
- 自我介绍
- 项目经历
- 国际化怎么做
- 国际化多语言
- 实现一个国际化多语言key 的工具，怎么实现（谷歌插件）
- 前端监控都有哪些
- 你们项目里的监控是怎么做的
- 自己有没有主动推动过一些事情
- 项目难点和亮点
- 项目balalala.....10分钟
- 反问
- 技术栈：React
- 业务：得物海外业务，物流、商品、订单、支付等
富途 Web 用户增长
前端一面（通过）
- 自我介绍
- 性能优化措施
- webp 格式 是所有的浏览器都支持吗
- SSR 和 CSR 的区别
- SSR 的优点和SSR 缺点点
- 用 node 都做了什么事情
- 你们平时会关注 node 服务端的负载吗？
- 减少页面的抖动？你是怎么识别页面是否流畅、是否卡顿的？
- vue 2 响应式原理
- vue 2 和 vue3 响应式的区别
- diff 算法有了解吗？或者是 React dom diff 有了解吗
- v-for 的 key
- xxx 平台大概的实现原理
- 项目问题：balabala......10分钟
- CSRF和XSS的区别，原理和防范措施
- 自定义 Webpack 插件原理
- loader 和 webpack plugin 的区别
- 做个题：扁平的数组转成一颗树
- 反问：
- 技术栈：vue2、node层框架用的是koa 2
- 业务：用户增长、活动相关的一些工作，富途开阔国际市场，应对不同的国家做一些展列的动作、拉新动作。相应的需要有一些活动页去承载这些拉新的动作
- 工作节奏和发版周期：弹性工作，9点到9点半上班，中午12点到13点半休息。
- 9点到公司，下午5点半下班
- 9点半到公司，下午6点下班
- 发版周期：没有固定的发版周期，跟着活动需求走。
前端二面（挂）
- 自我介绍
- 你介绍的模块，内容，哪些是你主导做的呢？
- 项目中遇到比较难的、比较有挑战的是什么
- 项目问题：balabala......15分钟
- 浏览器渲染的原理：从拿到 html之后，它是怎么渲染成页面的
- JS 在这个过程会影响什么？
- 有什么方式让 JS 不阻塞
- async 和 defer 区别
- 做题：事件循环题，看代码写输出的结果
- 用过 node js 哪些框架
- express 和 koa的中间件区别
- nodejs 本来是单进程的，node 怎么去支持高并发编程呢？底层原理设计是怎样的？
- 怎么实现 node 高并发？你看你知道不
- 了解哪些设计模式
- 做题：实现发布订阅模式
- 智力题：我们有十瓶药，每瓶有100粒药丸。其中有一瓶的药丸比其他瓶的药丸轻一些。现在，我们只能使用一次称重（即只能称一次），如何确定哪一瓶是较轻的那一瓶？
哈啰普惠
前端一面（挂）
题做出来了，后面答得不是很好，也会挂
- 一上来做题15分钟：组合总和
- 自我介绍
- 是什么原因想来上海
- 比较有挑战、比较有成就感的项目是什么呢？
- 主要技术栈是？react 和vue都用过吗
- react 和 vue 的区别
- 关于 vue2、vue3 响应式的差异
- vue2 重写了哪些数组方法
- vue 怎么实现响应式、依赖收集
- v8 引擎的了解
- 哪些是微任务、宏任务
- 介绍一下强缓存和协商缓存
- 项目问题：balabala......15分钟
- html 加载过慢怎么优化
- ssr 的优点
- ssr 的原理
- 个人的规划，职业规划
- 之前做过 h5 吗？h5是在哪家公司做的
- 反问
- 技术栈：react、小程序技术用的 Taro 、h5页面用的vue技术
- 工作节奏
- 现在做的业务：面向C端用户，哈啰普惠、顺风车业务，打车，顺风车（流量高、盈利高）都在我们这边，app页面是原生开发的，我们主要的流量还是在微信小程序上、app 内嵌 h5
元戎启行
全栈一面（挂）
- 先做一道题：重排链表（20分钟）
- 自我介绍
- 项目问题：balabala......10分钟
- 项目里，xxxx 这个地方有可能涉及到安全性问题，你们有做什么考量吗
- 重复代码30%，这个地方的代码是怎么统计出来的
- 项目这个埋点是怎么做的呢？
- 页面性能优化，你觉得哪些做得比较好的，觉得在其他的地方也可以利用你这样的技术去做迁移的？
- 你讲一个你做的这个功能中，对你来说比较有亮点，比较难的是什么？
- 你投的是全栈，你对后端的了解是怎么样的一个程度
- go和数据库接触过吗
- 反问：
- 业务：自动驾驶业务，我们现在开发的工具是给内部使用的，数据处理平台。数据从采集回来之后。。。
- 技术栈：全栈岗位，没有纯前端的，前后端的做。前端React、后端是go和Python。我们需要和算法打交道
- 工作节奏：早上10点——8/9点
- 发版周期：工具是对内的，如果是小改的话，当天就可以上，如果是大的版本一般是下周
