前端实习面试

先介绍以下我目前的情况，我目前是一名大二的学生，因为下学期的课比较水，想着能不能找一个实习去磨练一下自己，也试试自己的水平能不能被面试上，然后前段时间在家投递了一些前端日常实习岗位，到现在为止面试了一共6场，1Offer，1拒，1二面，2凉 这两天刚结束了两场比较烦人的开学考试，正好有了点时间，想把之前几场面试中没有回答上来或者是还可以再优化的地方复盘一下，牢固一下不熟悉的知识点，也写一下对于最近的总结 京东健康 从第一场京东健康开始，这场面试是我第一次面试，全程很紧张，虽然题目整体比较简单，但是我回答的很牵强，但是面试官不错，一直在鼓励我，但是最后还是婉拒了，让我再继续沉淀一下，下面来复盘一...

1、自我介绍2、死锁、悲观锁、乐观锁3、http状态码说出知道的、说出知道的请求头、跨域的options请求4、this作用域，console.log打印出来5、事件循环，一堆宏任务微任务说执行顺序6、浏览器多进程有哪些7、项目：骨架屏原理怎么实现，图片添加水印和压缩怎么实现大图片怎么优化（比如一个超大的地图）：怎么检测一个大图片（不清楚）问：假如你知道是一个大图片怎么优化，懒加载，预加载，分片问：分片怎么保证顺序和不丢失，网络原因导致丢失了怎么办8、手撕函数柯里化太菜了，感觉一题都没答上来，出来秒挂

问的简单，是我太菜了 1. 自我介绍2. 问对简历上哪个项目比较熟悉   1. 我：审批流后台管理，面试官：小程序呢   2. 我：当时学完做的，后来小程序没怎么看了（最后才知道，人家原来主打小程序，呜呜呜）3. 项目中的登录怎么实现，问了JWT的使用4. 为什么选择mongoDB5. 说一下原型链，可以用原型链来做什么6. 你觉得数组中有哪些方法比较复杂，哪些方法不会改变原数组7. 给你两个数组，怎么求交集，你实现的这个时间复杂度是多少8. 正则表达式匹配五个数字9. 怎么用1s时间将一个元素从左上角滑到右下角10. 怎么用flex实现，将一个元素水平居中，垂直方向靠下方，只能用flex11. 知道http吗，知道DNS吗12. 了解过画布吗，怎样画一个圆13. 怎样实现用Promise，一秒钟返回true    

感谢美团没让我再笔试一次，太折磨了。感谢面试官姐姐，自己部分地方细节写错了一直给提醒，感觉1面应该没问题，等我二面完继续发面经😀。整体感觉比腾讯简单一些，腾讯wxg面试很多结合场景问题，很考验人的思维能力。八股个人介绍，项目经历介绍如何学习前端的Axios是什么Promise是什么，有哪些API你使用过那些PromiseAPI，Promise.all和Promise.race区别事件循环宏任务有什么，微任务有什么setTimeout中有微任务如何处理如何处理margin合并BFC如何触发CSS如何开机GPU加速CSS有使用那些预处理器SCSS如何定义变量Vue2和vue3使用上有什么区别Vu...

电话面试 1h1.自我介绍2.平常怎么学习的前端 答：B站 掘金 YouTube3.ES6新特性有哪些 答：八股4.let const var的区别答：八股5.js类型判断有哪些方法 怎么判断对象还是数组 Obj.prototype.toString.call方法判断null 和undifined会返回什么  怎么去实现一个判断数据类型的方法答：Object.prototype.toString.call方法判断null 和undifined会返回什么这个没答对 我以为null返回的是Object6.怎么去遍历数据 答：八股7.for in和 for of有什么区别 for in能不能遍历对象 for of能不能遍历数组 for in能不能遍历到对象继承的数据 答： for in能不能遍历到对象继承的数据这个问的我有点蒙，我说可以 但是后来查了下好像不行8.Object.keys values entries的区别答：八股9.CSS优先级问题 答：八股10.postion中fix和 absolute的区别答： 我背完八股之后面试官举了俩例子，问我要实现遮罩层的时候选用fix 还是 absolute11.怎么做移动端适配答：媒体查询 响应式单位12.em 和 rem有什么区别答：rem是根据根节点 em是根据父节点13.前端性能优化答：懒加载 打包配置 CDN 防抖节流 减少节流重绘14.回流与重绘有什么区别 怎么避免 答：答的不太流利 磕磕巴巴的说出来了15.ESmodule和CommonJS有什么区别答：只答出了用法区别 没答出来原理16.V8垃圾回收机制这个答的不太好17.观察者模式怎么实现18.怎么做技术选型答：先列需求 再从网上找资料 再去自己尝试写小demo 再比较优缺点19.反问：面评怎么样面试官说从我这个年龄来说很好，但是对于原理上了解的不太到位。整体不错，能不能过还得横向比对总结：第二次面试，比上次强多了，基本上都能答上来。面试官人不错 好说话。继续加油！ 

一面（50min） - 挂！* 为什么做前端* 如何学习* 实习时间 && 能接受base上海吗* 讲一下项目中遇到哪些问题，如何解决* CSS display属性* 隐藏属性的方法* v-if 和 v-show* 经典左右布局，左侧固定，右侧自适应* CSS 如何创建动画* 讲讲重绘和回流* 改变什么属性什么会引起重绘* 如何避免回流* 样式冲突解决方案* 判断数据类型* 分别判断数组和对象* 原型链查找* 如何深拷贝* 手撕 - 深拷贝（如何解决Date，正则，循环引用）* 手撕 - sleep(delay)函数* 事件循环机制* nextTick是什么，原理是什么* 数组有哪些方法* 会改变原数组的方法有哪些* forEach 和 Map 的区别* 防抖和节流是什么意思* 手撕 - 删除链表中倒数第 n 个节点* 反问 - 部门hc，部门业务技术栈，推荐学习方向，推荐项目方向

一面 2023.12.11 （75min） base：北京项目的多端适配怎么做聊项目1    如何实现ChatGPT的流式输出    sse 和 Websocket 的区别是什么？    管理平台如何做角色的权限控制    防抖，节流，分页优化具体怎么体现在项目中，展开说说    下拉刷新情景题 - 实现计时器，如何切换浏览器仍能继续执行？（会错意了，他的意思就是用时间戳相减）聊一句项目2项目部署了吗？了解前端部署吗？封装过请求吗你能简单描述一下登录的流程吗，如何获取token，如何鉴权axios二次封装的思路ts中有哪些你常用的特性为什么要用tsES6熟悉吗，forEach 和 map 有什么区别？forEach 修改对象会修改对象的引用吗？CSS居中方式手写 - 使用 ts 对进行 Axios 封装以及完整登录流程运行项目提问，看项目代码总结：二面已拒。答的很烂，但是一面面试官说要捞我。等了将近两周才约的二面，途中有别的公司发offer了，不想赌不一定oc的商汤就先接了。感觉商汤面试体验不错，面试官水平挺高，可惜与商汤没什么缘分。

一面（45min）- 2023.12.8this的指向问题（回答到作用域相关八股），箭头函数的this指向？原型和原型链，原型链的作用是什么，当对象调用方法时如何体现？Promise 了解吗，说说 PromisePromise 还有什么方法？（上一问我说了 then, catch, finally，然后让补充） async 和 await 的作用，如何解决 await 的污染性async 函数捕获错误，try catch捕获引用类型和基本数据类型在传参的区别，存储位置的区别浅拷贝，深拷贝，开发中如何使用，让你手写深拷贝要注意哪些点JWT用过吗，是用来做什么的？JWT后端如何校验登录身份？HTML在浏览器渲染的过程为什么CSS要放在JS的前面，如何解决JS脚本引入的阻塞问题（async 和 defer 的区别）在 Body 中 link 一个 CSS 文件会导致什么？没有 get 到，其实是想问 回流和重绘强缓存和协商缓存，协商缓存状态码是多少？Vue2 中为什么不能监听到直接添加的响应式数据，Vue3 为什么可以做到？Vue 中的 key 是用来做什么的（直接启动设计与实现）情景 - 比如你在使用Vue的时候，引入了第三方的组件库，当你修改数据的时候，视图层没有发生正确的刷新，你并不知道为什么他没有刷新，这时候想要强制刷新视图该怎么做？（只想到了nextTick()，答歪了，给出的回答是无论是对于DOM还是组件，绑定一个key且改变他，这样就会重新PATCH）项目 - ShadowDOM 是什么，用来做什么的为什么 Vite 打包比 Webpack 快，（Vite 通过代理做拦截，只对请求的资源做重载）他们的用户反应在开发环境和生产环境，Webpack 结果不一致，行为不一致，这是为什么？（开发环境和生产环境下打包工具不一致导致的）聊天 - 平时如何学习？Github用的多吗？反问 - 部门技术栈反问 - 实习生业务超字数了二面放图。已接offer，上班中。公司整体氛围像外企，无打卡可远程，mt不会很push，第一周上班基本以熟悉公司开源项目和学习为主。

面试官是主管姐姐，全程微笑，还给我耐心讲解和解答，感觉又是自己的能力配不上这么好的面试官的一次面试，然后今天才从同学那里知道面试的时候弄个虚拟背景不是很友好，可能显得我不是很尊重人1. 怎么学习前端的2. 推荐下你看的关于前端的书籍3. 讲一下原型链的概念4. 讲一下闭包5. 你遇到过内存泄露吗，有哪些解决方法6. Vue3中有没有可以提升性能的写法，或者是避免出现性能问题的写法7. 说一下this指向8. http状态码9. 提到了304跟缓存相关，说一下什么是协商缓存，什么是强制缓存，怎样实现协商缓存，代码层面或者是服务器层面怎样做10. 缓存过期的的时候，是服务器直接给一个新的资源，还是浏览器再发一次请求11. 请求部分的组成有哪些12. 说到请求头，你知道哪些常见请求头13. 跨域这个问题有遇到过吗，解决方法14. 解决跨域使用CORS的方式，Access-Control-Allow-Origin你觉得设置为`*`合适吗?15. Access-Control-Allow-Origin只能设置一个源，但是想要允许多个源，怎样解决16. 除了配置域名之外，还要设置其他很多的字段，你知道有哪些17. 说一下BFC18. 说一下你知道的CSS3 新特性19. 你知道去年的ECMA发布的新标准有什么吗，前年的呢，有去了解过吗20. 说一下你知道的不包括ES6之后的新特性，比较新的特性21. TS中有哪些类型操作的方法22. 看你自己写过一个组件库，说一下UI设计，代码设计思路23. 说一下组件通信方式24. 事件总线的原理，谁是观察者25. Vue3 响应式怎么实现的26. 你在开发的过程中，你能理解你说的这些吗，分支切换，自定义什么时候触发effect，调度器27. rollup有用过吗，webpack常见的配置，loader，plugin28. 最后一个问题，你为什么弄了个虚拟背景

1.js数组有哪些方法  √ 2.reduce有哪些参数 slice有哪些参数 √3.ul里面有一堆li，需要点击li弹出li的内容，怎么实现 ×我说遍历给每个li都加上点击事件，参数是他的内容，面试官问我这么做有啥问题，我说性能不好，面试官问咋办，我闹不清。面试官说能不能只给ul添加方法，最后我没搞明白 后来查了查要问事件冒泡4怎么实现三栏布局 √ 5.css3有哪些新特性，渐变怎么用 √ 6.正向代理和反向代理  ×7.什么是跨域，怎么解决  √8.JSONP是什么原理 ×那么多跨域方法就挑了个我不会的，倒霉的9.什么是预检请求 ×我答出来了OPTIONS，然后就啥也不知道了10.问我计网学了点啥√11.localStorage sessionStorage cookie的区别 √12.为什么身份认证用cookie不用其他俩 √13.看代码说输出 ×全是关于变量的，这部分死的透透的。之前没看过这种题，啥也不会。14.js事件循环 √15. 算法 千分位转换 √ ×写了有70% 面试官说大概知道我啥意思了，问我能不能用正则写，我不会面试总结：第一次视频面试 慌得一批，今天发挥很不好，面试官说话有有凶，会一直追问到我不会的为止，有些东西自己理解但是讲不出来。这面99.9%凉，继续加油吧

👥 面试题目1.自我介绍2.逐个项目问某些功能怎么做的3.你的项目SEO怎么做的4.HTML5的新增特性5.CSS3的新增特性6.介绍一下flex7.讲一下常见hook8.讲一下垃圾回收机制9.讲一下闭包10.讲一下事件循环------------------------隔天更新已offer 本科日薪160大小周，月200全勤，自带电脑，前端有10来个固定实习生5个    

大佬们，想问下组件库项目面试会怎么拷打啊，最近做了个组件库的项目，但是不知道面试会问什么，有没有大佬解答下😘😘    

一面ES6的新特性你知道哪些？异步编程解决方案Promise，详细说一下？Promise为什么可以在状态变化之后再获取结果？事件循环机制说一下了解浏览器的缓存策略吗？自己做项目的时候遇到的最有挑战的事情？算法题。一个匹配模式和一个字符串，检验字符串是否符合匹配模式。比如模式abba，字符串dog cat cat dog就返回true；但是如果是dog dog dog dog这种就返回false。（用哈希表其实很快就能解决，只是最后需要考虑不同的key不能有相同的value，处理后一种情况。这里我像个猪逼，一直没想到最后一种边界情况的处理方式）代码题 var a = function(){thi...

重邮邮电大学信科楼内部的，试了一下，问的很基础，答的一般，hr评价回答的还不错（除了第一个），让我别紧张。1.vue的响应式原理是怎么样的，object和proxy分别是怎么样的2.git有哪些命令？了解版本控制吗3.数据双向绑定的原理？4.vue2,3的区别？5.http是怎么传输的，url摁下回车键后发生了说明。6.有哪些缓存机制7.盒子模型8.说说css有哪些方法9.js有哪些类型，有哪些方法10.说说原型链11.es6新增了哪些问的很基础，我询问为什么不谈项目hr表示项目写的很清楚了（嫌太简单），面了半个小时，应该凉了

估计还有一个月就又要开始投简历了，先把上个学期自己的面经往牛客上发一下吧方式：微信电话面试一面（1h）自我介绍略讲一下你的项目吧大概讲了一下我的那个脚手架的项目，介绍了一下里面封装的功能，基本就是复述了一下这个项目的文档大纲里面这个懒加载的功能是怎么实现的呢？IntersectionObserver观测dom是否在可视区域（面试官好像没听过这个API，直夸我好有本领）可以介绍一下这里面让元素可拖动是怎样实现的吗H5增了拖动API，但这个项目里是通过监听mousedown和mouseup实现的里面的axios封装是怎样处理异常的？在拦截器里获取状态码分别处理常见错误状态码有哪些？一般在什么情况下...