前端实习面试

整体下来面试氛围还行，没有压力，小厂20分钟自我介绍问了问学校课程。竟然不问实习时间项目简单介绍React与Vue的区别了解useLayoutEffect吗，与useEffect有什么区别对TS了解，Vue项目中用的是js还是tsVue2 vs Vue3闭包问题，看我回答挺全面，也没接着问提问环节：我的个人表现如何，竟然说很好，很自信的小伙，给我一种在这个没有希望的环境中希望的感觉早八-晚九，公司有宿舍，中午休息2小时，晚上2小时吃饭无培养规划，react + native前端技术栈

自我介绍，问我项目的获奖，活久见1、element-plus用过那些组件。（第一个问题给我问住了，我没用过，具体来讲是我的组件的封装和使用都是ai写的）（下面博主发力了，博主找实习一周了，js/es，vue，react的八股都熟透了，但是不问，你说这撤不撤，每次有新的面经出来我都过一遍，看都是问虚拟dom，diff，虚拟滚动，还有就是一些什么技术比对，问我的跟问小学生一样）2、es6新特性语法你知道的? （博主开始发挥了，变量声明，let,const,var，变量提升，暂时性死区；数据类型，7基础存栈，1引用存堆，引用数据类型的指针存栈中，方便取，因为基础固定长度，引用不固定长度）3、箭头函数了解（this指向和构造函数）4、promise呢（三个状态和三个方法）5、async和await（promise语法糖，）开始找实习多久了，提建议。我总结一下：说我语速太快，说话一开始不经过大脑，肌肉记忆说出来，然后说着说着想到更好的说法，然后说<一开始思考4-5s组织好语言，然后慢慢说。讲快了不如讲慢了6、你觉得让ai给你写代码，你怎么通过他写的代码去学习（滔滔江水，布拉布拉。讲的太多了，从ai教会了我工程化的一些知识，到一些具体的组件功能如何实现，讲了一个具体的例子）博主这边讲上头了，开始抢话说了，由于我开obs录制，不知道为啥我的声音会变小，我说的时候面试官姐姐说话，我没听到，我直接抢话了7、你让ai写的代码你记得住吗（编写边记录文档，做接口文档；项目做完之后，通过aiagent总结项目的结构和内容文档）8、vue-router你知道那些（跳转方式，路由传参，路由拦截，路由懒加载）9、登录一般怎么做的（登录功能实现）（博主又遇到这个问题了，还好我每次面完，都会过一遍，这个我记得老熟悉了）10、token过期了，这个项目怎么处理的（后端返回401，前端响应式拦截）11、http和https（网安的ssl，记不太清了，只记得需要证书和公钥验证了，握手忘了怎么进行的了）没什么要问的了，不过我不小心惊讶了，不问问我项目吗1、心跳保活如何设计的（pingpong ， 退避重连）2、为啥用nextjs架构（从设计的需求思路开始讲，说有csr渲染对于我的这个项目支持更优，等等）开始反问，评价我；公司啥技术栈，什么端，工作；问一下ai和代码规范；有无人带，薪资和北京租房感谢

自我介绍 1、为什么选择前段这个行业2、原型链和指针指向的核心概念在实际开发中遇到的具体情况，如何应用的3、js和ts的基本类型有哪些区别4、箭头函数的作用是什么5、promise的工作原理6、简单介绍下事件循环7、vue和react认为的区别在于那些8、当时是怎么根据项目怎么去选择框架9、跨域问题了解吗，为什么有跨域，如何解决10、代码测试：vue模版（上面是文本，下面的搜索框输入文字，上面的对应匹配的文本变为红色背景）自己的代码测试有很大问题，前面的问答面试官说没啥大问题，就是说我紧张，其实我不是很紧张的，也没结巴，可能就是比较急，然后他说我急之后我真的有些心慌急了。

记录我的第一次面试，然后面完之后这周又接了3-4个面试，很焦虑、很紧张了。自我介绍（模版）1、项目介绍（我讲的有些语意不清，讲的挺乱的）2、你的项目是不是ai写的，你做了那些技术实现（我回答的ai写的框架，我做的底层的限制，现在感觉很傻）3、项目技术实现，选你最有把握的一个方面（前端的技术原理：我选的是路由的拦截和预加载讲的，不应该的，路由这么基础的，应该说对于axios的二次封装实现对接口进行公开的和请求拦截）4、如何实现你的项目的部署的（本地vite和网络nginx）5、接着问了我nginx如何配置的，nginx如何实现配置的（我去，啥也不会，我说太久没做，忘了）6、项目前后端的联调如何实现的，从0搭建如何实现（做接口文档（我不到啊），然后说的后端写好接口，前端通过接口发送接收数据，感觉不太行啊）7、html5的新特性（语义化标签，就只回答了这个，靠，其实还有很多特性的）8、盒子布局相比之前的布局有什么新特性（flex布局和grid布局）9、css居中定位，主轴对齐（flex布局，grid布局，绝对定位）10、css选择器的权重（基础）js、vue没问（提前一天准备好久的，一点没问啊）11、用户登录的底层流程（前端干啥，后端干啥。前段输入接收什么数据，怎么样发送给后端，后端如何接收并且获取数据，并且如何实现登录这要功能的。感觉回答的逻辑不清晰）你能干多久，最快几天入职还有什么问的（团队对于ai辅助编程和工程化方面有什么规范吗，实习岗位的核心考核）我问了问我的表现和建议：总结基础太差 ，很多地方回答的模糊。太紧张了，放松就行。面试官程序员其实人挺好的，不压力，还说别紧张，看我前面项目有些问题，甚至连八股难的都不问了。第一次面试，给我经验条涨了一截，在学校里原本相安无事，随便写的项目老师看都不看，问也不问，看到我的成果直接给我打了94分，难绷。可是从学校出来，你这项目简直不中用的，社会考察的是你的技术，实现能力。周三晚上还有一场长沙的中厂，周四是一个廊坊的小厂，周五暂时未定。刚开学就这么卷啊。如果有大佬看到，可以教下项目一般会问啥，如何去针对项目设计问答。面试官问项目一般期望回答什么。

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

（无自我介绍）主要是技术面你前端学了多久？用React还是Vue多?你写的是Vue3，Vue2有用过吗？uniapp有用过吗？场景题：两个div，一个父div，一个子div，子div给定 positin: absolute; 要实现绝对定位还要加什么？forEach和for有什么区别？现在要有一个List，包含一万个对象，对象里面有属性id，如何找到特定id的值？在forEach和for中选一个，你会选哪个？现在有一个数组[1,1,2,2,3,3]，如何对数组实现去重？（数组就有原生的方法）现在后端有一个文件a.js，为什么前端拿到的数据是错误的？（答了前端缓存、指纹）cookie和Storage有什么区别？深拷贝和浅拷贝有什么区别？普通函数和箭头函数有什么区别？Vue中实现父组件传子组件，子组件传父组件，如何实现？反问：公司的项目是自研的吗？实习生入职后会有什么安排？您对我的表现有什么建议吗？（最后是b软件上的小姐姐来说明一些到岗时间、薪资、工作时间等等细致末端的事情）

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

面试官是主管姐姐，全程微笑，还给我耐心讲解和解答，感觉又是自己的能力配不上这么好的面试官的一次面试，然后今天才从同学那里知道面试的时候弄个虚拟背景不是很友好，可能显得我不是很尊重人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. 最后一个问题，你为什么弄了个虚拟背景

电话面试 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，部门业务技术栈，推荐学习方向，推荐项目方向

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

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

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

1. 项目是自己一个人做的吗？为什么要做这个项目？2. 权限分配是怎么处理的？3. 动态路由怎么做的？4. 路由使用的是hash模式还是history模式？5. 有学过Vue2吗？Vue2和Vue3的区别6. 项目里边用的是js开发还是ts开发？7. 你觉得ts比js有哪些优势，为什么要用ts，意义在哪？8. 做项目的时候有用过echarts吗？9. 说一下你对虚拟DOM的理解10. 说一下diff算法和nextTick，都有过了解吗11. 有自己做过组件封装吗？12. 除了Vuex还用过别的吗，知道Pinia吗，他和Vuex有什么不同13. 组件之间的通信方式14. 说一下ES6新特性，对Promise有了解吗？

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%凉，继续加油吧

一面（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，第一周上班基本以熟悉公司开源项目和学习为主。