《前端面经》专题

7月11投递 7月19约面 7月21一面 base上海 1、自我介绍 2、项目拷打 3、rabbitMQ在项目中的作用 4、如果用户量很大，rabbitMQ扛不住怎么办？要求不只是在硬件方面 5、redis数据结构，并说说你的实际应用 6、用redis实现排行榜 7、如果排行榜中包含100万用户名，每个用户对应一个分数，区间0-100，每个用户想查到自己的排名，可以如何优化？（不能修改原数据） 8

今下午面的前端，只准备了一天半，全流程只用了25分钟左右，我以为是KPI面结果反问完了面试官就告诉我一面通过了，等HR联系我二面 经典自我介绍环节 问了一下学校 问用过的技术栈 你记得的常用的git的命令（git clone\pull\push\commit\merge\checkout\log 我还回答了回退版本和合并分支的流程） 说一下你了解的git commit message规范（<类型>

纯八股，没让写代码 自我介绍 介绍项目 怎么实现的组件间通信 vuex 项目里用的是axios吗 有没有去进行一些封装 TS vue3是否了解 你经常用的布局是什么，介绍一下 垂直居中怎么实现 数组都有什么方法，说一下 webpack 哈希模式和history模式区别了解吗 一个对象数组怎么去实现删除不要的属性，或者改属性的名字 vue-router路由的钩子 跨域问题，怎么解决 两个变量去交换位

一面 自我介绍 拷打实习，项目难点和亮点 Jenkins有什么缺点 ANSI字符是什么，如何对它进行转译 日志量太大具体有多少，为什么会导致页面崩溃，做了什么优化 虚拟列表优化 LightHouse自动化方案的实现 手写题：class私有属性 两种实现方法 React Fiber产生的背景 Virtual DOM 手写题：实现一个Virtual DOM 和 diff 算法 浏览器缓存 反问 二面

之前面的，发出来攒攒人品 JavaScript有哪些基本类型，说说typeof与instanceof的区别 JavaScript有七种基本数据类型：undefined、null、boolean、number、string、symbol、bigint。 typeof用于检测变量或表达式的数据类型，返回一个表示数据类型的字符串。 instanceof用于检查一个对象是否是某个类的实例，通过检查对象的原

1. 自我介绍 2. 介绍实习项目 3. 看我的简历提到性能优化的比较多，就问我有哪些性能指标，说了lcp fp 就忘记了 4. lcp怎么测量的，说了用performance API，但是后面反问的时候说他想知道的是以前没有performance怎么做的 5. 预渲染怎么做的，说完之后面试官觉得我简历预渲染缩短首页白屏时间有矛盾，跟我讨论了一番 6. 看我简历问我本地数据库怎么做 7. 然后问我

快手算是我面的第一个大厂 面试官很好，综合体验优秀 即使是一次失败的面试，也让我后面复盘总结有很大提升，凭借这个经验面其他公司也有质的提升 🕒 岗位/面试时间 4月初 面试题回忆（不全） vue和react的区别 react中你用什么组件比较多 计组的一些八股（tcp ip啥的 js常见数组方法 （问的也比较细 对es6的理解 css的一些属性 布局排列啥的（一是没准备过答得很差，以前项目写得挺

一面在4.17，隔了八天，中间两次重新发邮件跟我改时间 时长30min，面试官还是非常友好的技术大佬，说话温柔有耐心。 但是淘天两度改时间不电话沟通，发个邮件通知就完事让人有点难受 面试过程： 自我介绍 哪个项目难度比较高，介绍一下项目的背景和功能 在做项目之中遇到的最困难的问题 我看这两个项目都是对用Vue来编写的，你有了解过React或者使用过吗 一面对技术问题都有了考察，那我们二面就少涉及一

先自我介绍，然后介绍一下项目，可能因为我是数字孪生项目，面试官没有问什么关于技术方面的问题，问了有没有和后端做过交互，八股只问了vue的生命周期，跨域，总长二十多分钟，感觉是被用来刷kpi的。

笔试: 牛客双屏监控，两道easy leetcode +填空+选择，整体不难 一面 html5新特性 css display position 行内元素块级元素行内块元素区别 一道针对css的场景题，具体忘了 什么场景下用flex 如何实现两栏固定中间自适应 js基本数据类型、es6新增数据类型、es6新特性 用hooks如何实现性能优化 useEffect第二个参数，没有or空数组区别 reac

部门天猫国际技术，base杭州，电话面31min，忘了录音赶紧凭记忆写下来，大厂处女面，之前只面过一个不怎么问八股，一直聊项目的中厂 进来自我介绍，说了学习方法，校园经历和技术栈 1.讲一讲你做过的，有人实际使用的项目（应该是上线的意思），你做了哪些部分 后面开始从项目中抽东西问，感觉问题不是从简历上来的，基本上只是围绕项目问八股 2.项目中提到了主进程和渲染进程，进程在计算机中有什么作用 3.进

我毫无办法，玩具项目经不起深问，问得很实际的问题，但难以应对（努力保持微笑 时长：30min 拷打项目1（一个后台项目） 亮点难点有什么 token机制 为什么放localstorage里，这也不安全啊，你这方案和放cookie里没差啊 token过期时间设了多少，为什么这么设 文件切片 为什么每片切那么大，你测过带宽吗 图片裁剪怎么实现的 如果是很奇怪的图片呢，动图呢 拷打项目2（一个可视化项目

过了的，人品有点爆发全都会，认真准备二面ing 时长：40min左右 纯八股 + 一些开放性问题，手写题穿插在八股中，逻辑还挺连贯的hhh 怎么学习前端 为什么选择前端 CSS 垂直居中 CSS隐藏元素的方法 new后发生了什么 重排重绘，刚刚说的哪些触发重排 https 事件循环 事件循环输出题，说下为什么 Promise 常用的Promise方法 手写1：实现Promise.race，自己写测

（忘记录屏了，呜呜o(ó﹏ò｡)，回答磕磕盼盼，答不上来一点） 3-5分钟自我介绍+35分钟面试（只问了css和js的八股）+20分钟代码 HTML和CSS 行内元素和块内元素的区别？ <span style="height:100px, width:40px, padding:20px, margin:40px, text-align:center;">123</span>的效果是什么 <spa

高德前端开发岗位暑期实习二面3.27（无hr面） 面试岗位：前端开发工程师 面试部门：阿里集团-高德-信息前端研发部 问题 ⬇️ 1. 前后端分离 2. 项目相关情况 3. 项目亮点 4. 项目优化点 5. 数据大屏展示 6. Node.js 有学习过吗 7. React 有学习过吗 8. Web 前端有哪些子方向 9. Webpack 解决什么问题 10. Babel 的作用 11. 有用过/了