《快手前端面试》专题

一面 js基础，闭包、继承、类型判断之类的 vue响应式 vue更新的细粒度 vue生命周期 vue react对比 React fiber的协调过程（太久没看了 直接瞎说） 用过哪些hooks，有没有react项目开发经验 webpack有哪些作用，webpack构建的流程，写过webpack的loader或者plugin吗 如何理解副作用 手写：1.移动0 2. 千分位分割（会用正则吗，不会）

前端最吸引你的地方的的是什么 你认为前端有哪些地方比后端难 浏览器事件执行机制，浏览器是怎么实现这个机制的 基本数据类型有哪些，复杂数据类型有哪些 js继承怎么实现的，除了原型链继承还有哪些，原型链和类继承的区别是什么 线程和进程的区别是什么，为什么游览器使用单线程 请求拦截器和响应拦截器是一种什么样的设计模式 你知道axios底层是怎么实现的吗 发出请求到收到回包整个浏览器执行了什么或者是网络层

先自我介绍项目 1.问项目的成长 难点 2.webpack的构建原理 3.如何优化webpack 4.webpack和vite相比，vite有哪些优势 5.因为提到了引擎，问我了解哪些引擎(我不知道啊呜呜呜) 6.浏览器拿到html树到渲染是什么样的 7.v8垃圾回收处理机制 8.跨域问题怎么产生，如何解决 9.了解过跨栈吗(也没答出来) 10.http1.1 http2和http3的优缺点 11

1.实习经历拷打，业务痛点，为什么计划关联人，而不是人关联计划，返给后端的是什么.... 2.xss攻击 3.大文件上传 4.rem适配怎么实现，libflexilble作用 5fcp,lcp怎么计算 6接触过什么后端语言 7为什么选前端，学习路径，看了什么书，看书有什么收获 8vue2.3区别，proxy的缺点，兼容性不好，如何兼容低版本浏览器，我说用babel转成es5，反问你确定真的可以吗

1. 问了一些项目相关的 2. 强制缓存 协商缓存 （启发式缓存？） 3. react解决了原生的什么问题 4. hooks是怎么实现的 5. async await的原理 6. 数组转换成树，写出来不太对，让换了一道，写了数组扁平化 面之前看见说kpi就随便面了下，结果约二面了...

#24届软开秋招面试经验大赏# 投递一个半月，我以为已经凉凉，结果友子又给我捞起来了 面试官很专业，人也很好，一面没问项目，基本都是八股 1、js做数据循环用了哪些方法，如何实现的，这些方法哪种性能最好，哪种最不好 （我答的for最好，for...of最不好，也不知道对不对） 2、http2和http1.1的区别 3、axios库的原理 4、设计一个sdk实现前端发送的请求前加一个header，无

怎么牛客上美团二面面经这么少 美团二面 自我介绍 介绍一下你实习的项目 难点亮点(没想到) 直接进入基础部分，Vue2的数据响应式 你提到收集依赖，那template中的数据如何建立响应式机制？ 你知道编译使用的是什么库吗？ 渲染器如何工作的？ vue2的diff算法 模块化历史了解多少？ 你来设计模块化，如何解决模块相互引用的问题？ nodejs的事件循环和浏览器的有何不同 看代码说事件循环过程

base 北京 时长：54min 总体感受：面试官非常和蔼，交流很愉快，面试很愉快，唯一的不足之处就是我太菜了，基础不扎实 第一次面大厂，感觉面试官经常提出一些有深度的思考，我认为这也是我们新手自学过程中应该掌握的一个技能，自己去提问自己，自己去挖掘自己不会的地方，不要得过且过，不要想着混过去（菜），要自己拷打自己，自己打磨自己 1.自我介绍 2.介绍第一个项目 3.第一个项目提问 - 处理功能哪

分a，b面 聊项目，用到场景 1.两个盒子，内盒子如何垂直水平居中（ab面都有，子绝父相） 2.给具有target属性的a标签设置样式（答的选属性［targetName］，好像错了） 3.em和rem的区别（根元素） 4.如何设置和展示小于12px的元素如6px（Transfrom：scale（0.5）） 5.数组去重（ab面都有，用setter自动去重，答的map复杂了） 6.原声数组的方法 7

9.1 多图加载方案 在前端展示1000张图片时，如果一次性加载，可能会导致页面加载缓慢，用户体验下降。以下是一些可以应用的优化策略： 懒加载（Lazy Loading）：只有当图片进入或即将进入视口时，才加载图片。这可以减少初始页面加载的时间。在最新的HTML标准中，可以直接使用loading="lazy"属性。 <img data-src="image.jpg" alt="descripti

上一个面试官说有三次面试，两次技术，一次hr,今晚二面技术面试官，面了大约一个多小时，从我初学 前端到我项目开发，一次次问我的细节，以及个人的解决问题方式，经过一个小时的聊天后，最后看我写代码，写的是函数缓存，当时想的是闭包，写的也是bug百出，面试官一次次的提醒，终于是完成了一个像样的的函数缓存了。最后也聊的挺愉快的，也询问了下一次面试时候，结果告知在他这里通过就行了，但也不保证ok,尽快通知我

1、变量提升，let，const，var，暂时性死区 2、函数是否存在变量提升？ 3、react组件间通信 4、防抖，节流 5、浏览器跨域，跨域产生的原因，怎么解决？ 6、浏览器存储，cookie，sessionstorage，localstorage的区别和应用场景？ 7、［］==！［］输出？ 8、其他几道输出题 9、水平垂直居中方法 10、判断数据类型的方法？instanceof和typeof

一面 拷打实习（平常只是调接口，用sdk并没有仔细思考其中的细节，这下被拷打了） 小流量实验 有没有了解过小流量平台是如何分配流量的，如果让你设计呢？ 埋点 埋点是如何上报的？是发送一个请求更快还是请求一个资源更快？为什么？ sdk应该有什么功能收集信息？ 埋点本身的底层原理，如果埋点很多会影响页面性能吗？如何尽可能的减少埋点的影响？ 浏览器里面同时能发送多少个http请求？ http1和http

三个面试环节: 1.部门介绍，两轮车业务，部门内部结构、人数，技术栈等等 2.个人项目介绍及详细提问，实习经历提问 3.互相问答（聊天） 问了最近阿里云、滴滴的生产事故，遇到这种事情该怎么办 问了k8s(把面试官问到了) 被问能提前去实习么，期待的部门氛围是什么样 废贴，没什么有价值的信息

1.自我介绍，你本科不是计算机的，怎么自学计算机专业课的 2.那考点计算机基础，进程和线程的区别 3.tcp和udp区别 4.http和https区别 5.怎么加密的，采用这种加密方式的有哪些（x） 6.mixin用过吗，有多个mixin存在同名方法会发生什么 7.防抖节流 8.ts中any，unknown,never的区别（x） 9.vue组件传值 10.看你nginx部署过项目，怎么部署的，细