前端实习面试

（无自我介绍）主要是技术面你前端学了多久？用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、手撕函数柯里化太菜了，感觉一题都没答上来，出来秒挂

电话面试 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.反问：面评怎么样面试官说从我这个年龄来说很好，但是对于原理上了解的不太到位。整体不错，能不能过还得横向比对总结：第二次面试，比上次强多了，基本上都能答上来。面试官人不错 好说话。继续加油！

问的简单，是我太菜了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...

一面（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. 讲一下为什么要用next2. 具体讲一下接口开发的MVC3. next是怎么进行SSR渲染的4. 讲一下你用到了那些mysql语句5. TS类型有哪些6. TS定义一个对象key为string，value为any（只说了一种）7. 讲一下你怎么配置husky跟commitlint和代码规范8. webpack常见plugin和loader9. 介绍一下immer为什么要用它10. 讲一下为什么需要不可变数据类型11. immediate是什么12. js的事件循环13. js基础数据类型和引用数据类型有哪些14. 改变this指向有哪些15.事件流16. 你学习前端的方式反问：1. 公司技术栈：大前端、主要是React2. 什么时候有消息：一周内二面:介绍了一下公司情况，问什么时候过去04-15三面:闲聊04-18四面：1. 给自己html,css,js,react 打分- 为什么css，html打60分- 为什么js高一点2. js的数据类型- number 子类型- NaN- Infinity- 基本类型和引用类型的区别- Object 子类型（其实就是想让你讲讲有哪些特殊对象）- 数组方法- push的返回值- pop的返回值3. 常用hooks- useEffect不添加依赖数组是怎样的- 把值从useEffect中放到外面，每次刷新组件同样的变量二者等价吗？4. 讲一下对SSR的理解5. 为什么使用egg和next6. 怎么学前端7. Plugin8. Loader9. 给自己的ts打分10. 讲一讲ts有哪些内置类型（讲了5-7个）11. 实习工作希望获得什么（面试官给意见）---------------------- 口头offer地址成都  工资200/day  不打卡

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

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

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

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