前端实习

4个月前面试的面经一直忘了发很久没打开牛客看后台还有uu求面经分享一波～

主包疯狂连面三天已对面试脱敏，心态也已经是心如死灰的平静。前两个星期间隔几天接到面试还会很紧张疯狂复习，现在已进入面到一半开摆阶段。把面经按天整理发出来攒攒好运，不想再面试了，赶紧有个厂收了主包吧，做黑奴也行。。。七次面试，两个大厂，其他的算中小厂吧，有两个看起来规模大但没听过名字。其中一个是二面，没问太多技术问题。后面的再整理吧，先倒头就睡了，短期内真不想面试了已有心理阴影更新：全部大厂已挂，收到面评反馈90%就是挂了。今天结束最后一面，短期之内先沉淀了不投了

先自我介绍一下～其实标题有点标题党，开学之后马上大三了，从大一暑假开始实习，先后在泰康、美团、小红书实习，今天刚刚收到字节的 Offer。下面我想给你讲讲我的故事转专业失败去年 2 月底，转计算机专业的结果终于出来了。名单里没有我的名字。我还记得当时还在教室为一个学校的比赛和同学一起讨论，听说结果出来之后，我赶紧跑到一个空教室用电脑看结果。打开文件后，我盯着电脑屏幕呆了一会。就在几个月前，我一直想开发一个自己的网站，想着转成功后，我就能全身心投入自己喜欢的方向，做一个自己的个人网站，还可以去互联网大厂实习，过上自己向往的生活。可现实就是——我没能跨进那道门。那几天我开始怀疑自己：是不是我真的不...

简要背景：我是211计科专业的学生，断断续续看了一年多的前端，一直都是兴趣导向学习，大概是从三件套到vue3到node.js之后围绕这些技术栈自行学习（近期学习了较多前端工程化的内容，如eslint + prettier，stylelint，lint-staged + husky + commitlint，git工作流等），没背过八股没包装过项目（现在有一个校企合作项目由我负责，性质类似外包，合同规定8月初截止，打算以这个项目好好包装）主要疑问：① 27届这个时候找到实习的同学真的很多吗？感觉随便翻开一个帖子，都是前几个月在找实习的27届同学或已经拿offer的27届同学，还是我有点幸存者偏差😢② 如果要开始找实习的话，有没有什么大致的准备路线建议吗？我对很多内容都有基础但没有归纳过，一个月内可以补上去面试的进度吗（目前我的打算就是包装项目 + 投递简历 + 背八股 + 做一个个人博客网站包装）③ 我的目标是暑假期间找到一个日常实习，但目前的准备还不是特别充分，一般来说面试的流程周期大概会是多久呢？假如我从7月中开始海投简历，有可能在9月开学前找到offer吗？如果有uu想要了解更多，我可以再补充我的个人情况或者再水一篇贴来介绍一下，现在真的感觉有点点内卷和焦虑了😔

从去年九月开始接触前端。每天十小时，半夜两点睡觉，白天还有课要上，入门简单深入难。在写完两个垃圾项目后，改了简历就开投了，喜提了慰问信。寒假加入了前端大家庭，咖啡哥开了一个学习群每天打卡，打卡自习文档里全是每天八小时＋的卷哥，大家都在努力，氛围真的很棒。跟群友参加字节跳动，百度前端两个训练营百度训练营是第一个结束的，在年前就收尾了，当时自己写mini框架的项目，算是第一个有含金量的项目，当然也成为投简历时候跟面试官吹牛逼的好东西。字节跳动是搞的团队项目luckyComponents，咖啡哥开着飞书会议讲需求，和裤哥子木一块开发，咖啡哥搞出来脚手架，我们几个看源码查文档改组件。第一个公司面试是鱼哥内推到公司的，在正式面试前鱼哥给我搞了模拟面试，群友们都来围观，真的紧张到不会敲代码，手写代码的时候名字都能拼错，但是开了个好头。虽然在面试前两天不吃不喝疯狂在家准备八股问题，背的快自闭了。寒假结束了，靳哥去了百度，西农前端接力棒到我这。搞一个全栈通信的项目，改完新的简历之后就开始狂投，今年只会拿我的年龄卡，很少有公司卡我的技术栈了。面了很多家混成了半个面试老油条，各种话术张口就来。接了绿盟的面试，hr姐姐跟我聊大一能出来实习，敲定开始面试,结果下午hr说要给我发offer了但是部门不要实习生了，换了个部门周四面试，第二次体验感很差，面试官甚至没有我的简历，然后就很离谱的挂了。又面试开源公司，面试官有问有答还给我讲解，面完以为我是研一的，我只能很无奈说我大一。周一绿盟hr说可以入职发offer了，然后一个人去办体检，工资卡，找住处。绿盟第一周参加了团建，第二周参加周年庆，认识了两个同事姐姐，还有其他部门的实习生，成了绿盟最年轻实习生，在安全合规部门实习。导师带我去部门认识同事的时候，挨个介绍我是大一的。入职这段时间接了两个项目，跟部门的后端大哥，聊数据，对接口，晚上连麦加班.终于合格的初级前端工程师了，不是单纯会写几个静态页面就能来贬低的，各种的对接数据，展现方式，页面逻辑，优化，规范，模块等等，全是不可或缺的东西。故事终将要结尾，是时候给这段旅程画上句号，需要去给自己按个暂停键，学数据结构和后端，扩充自己知识面提升技术。大一实习之旅到此画上句号，寒假要冲自己喜欢的大厂，大家来日方长，西农前端火炬要继续传承。

## 1. 自我介绍## 2. 商品无限加载的话，怎么判断有没有拉到底部？## 3. 怎么判断元素的上下左右边距？## 4. Vue/React组件缓存怎么实现## 5. 如何解决首屏加载时间过长问题## 6. React中提供了什么方案解决首屏加载时间过长## 7. React.lazy搭配什么使用？## 8. React Hooks 中 `useEffect` 的了解程度## 9. Echarts渲染引擎SVG和Canvas区别## 10. Echarts 中，`xAxis` 的 `type` 属性用于指定坐标轴的类型，`value` 和 `category` 两种类型的区别## 11. React 中实现 Echarts 的响应式## 12. 真实 DOM 和虚拟 DOM 的区别## 13. 多页应用和单页应用的区别## 14. 单页应用相对于多页应用的缺点## 15. 什么是SEO（Search Engine Optimization）即搜索引擎优化 ,为什么单页应用不利于SEO## 16. 什么是SSR（Server - Side Rendering）服务器端渲染## 17. let const var的区别## 18. 数组的遍历有哪些方法## 19. 深拷贝和浅拷贝的区别，常见的深拷贝的实现方法## 20. `JSON.stringify()`用于深拷贝时存在的缺点## 21. 在 JavaScript 中，执行上下文和执行栈是什么## 22. call()`、`apply()`和`bind()的区别## 23. 什么是防抖和节流## 24. 场景题：写了一个搜索框，然后去调后端接口去查一些东西，类似淘宝的搜索，你觉得它是用的防抖还是节流？## 25. 地址栏输入 URL，在敲入回车后，发生了什么？## 26. React 的生命周期函数## 27. React 常用 Hooks## 28. 类组件中写的定时器想卸载，在Hooks怎么操作## 29. useEffect除了写定时器，还能做什么？## 30. React父组件如何获取子组件的值## 31. 手撕：已知级联组件的下拉菜单列表结构，输入一个值，找出其对应的value值以及对应的所有父节点value真是一场酣畅淋漓的八股盛宴啊，手撕也抽象的一笔，不知道能不能过

阿里巴巴天猫技术手机天猫前端团队2025届实习生校园招聘手机天猫技术前端团队诚邀全球顶尖的青年才俊！我们依托手机天猫 APP 服务千万用户，旨在探索更多创造性的电商体验和服务，以独立端闭环的方式服务更多用户。前端技术团队涵盖了从 C 端消费者到 B 端商家、供应链等前端技术所有领域，不断研究 & 落地各类应用、前沿和符合业务的技术方案，深入业务理解行业动态并赋能业务发展。我们拥有业界先进的技术和优秀的工程师人才，长期专注于探索最高效的业务开发/交付模式，解决跨端研发效率和使用体验问题，不断积累技术核心竞争力，致力于成为强技术、懂业务 & 乐生活的优秀团队。在这里，我们不仅仅是一个技术团队，更是一个梦想与创新的大家庭。只要你对技术充满热情，渴望在互联网科技领域大显身手，手机天猫技术前端团队都欢迎你的加入。招聘对象：2025届应届生（2024.11 - 2025.10）职位要求【必备项】1、本科及以上学历，计算机相关专业；2、熟练使用各种Web前端技术，包括HTML(5)/CSS(3)/Javascript等，并有相关的项目开发经验或成果；3、熟悉前端工程化，用过git，gulp或webpack等工具，最好有自己的github仓库；4、有基于Ajax应用的开发经验，有NodeJS/Java开发经验，或者有移动端开发经验；5、深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解；6、对算法、数据结构、建模有一定了解；7、学习能力强，对新事物保有好奇心，并能快速适应新环境；具备良好的沟通、团队协同能力；8、对所在领域有热情，善于独立思考并反思总结。【加分项】1、有大型互联网公司相关岗位实习及项目开发经历；2、在相关领域国际顶级会议、期刊发表论文或相关学术会议组织的权威比赛中获奖。私信获取联系方式 全程跟进内推进度 稳稳落地

球球各位各位大佬给给建议，马上要秋招了

如题，急招前端实习生，实习工资日薪 840（含餐补 40），真实可靠，地点：北京市朝阳区，要求如下：职位要求：1、熟悉前端领域开发语言和框架，例如 JavaScript/TypeScript 和 CSS，熟悉 Vue 或 React 等 UI 框架，熟悉常用Web开发组件库：如ant design、elementUI等；2、对 Web 前端工程有一定了解，熟悉 Webpack / Vite 等前端构建工具的使用；3、熟练使用VsCode开发，chrome dev tools调试，git基本操作等；4、对网络通信原理和机制有较好了解，可以和后端工程师进行较好的沟通和合作。加分项：1、有实习开发经验；2、实习6个月以上，每周工作四天及以上；优先考虑 26 年毕业的同学，25 年毕业的同学请先明确面试通过之后是否能马上来实习，实习时间 6 个月是否有保障。不卡学校和学历。团队 leader 本人直招，感兴趣的直接私信发我简历图片，我看到后会第一时间给反馈！

笔试前基本搜不到什么题，也不知道复习什么，直接考。考完看了别人发的帖子，好像所有技术岗考的内容都一样。鼠鼠投的是前端（人事系统）的暑期实习。1. 单选题内容包括C++，计网，操作系统（进程线程调度的问题），浏览器缓存（没考前端的内容，觉得确实是所有技术岗位统考）2. 多选题内容包括C++，计网，操作系统，数据结构（C++是真的多，我是一点也不会，没学，直接凉了，操作系统的那些选择也好多不会）3. 代码题(1) 给一个数组，定义一个“区间”= [1, i]，在这个“区间”的对应凸区间 = [min{a1,... ai}, max{a1, ... ai}] 中，找出不属于该凸区间的最小非负数。（理解题意就得看好一会，头次看想错了，重写花了点时间，我直接按求区间->遍历区间求凸区间->获得结果，这种暴力写法写，不出意外超时，觉得可以用动态规划写，但没想出来）'''jslet arr = [1, 0, 4, 5, 1]let result = []let min = Number.MAX_VALUE, max = 0for(let i = 0; i < arr.length; i++) {// 维护最大值和最小值就好，别再去求区间，遍历min = Math.min(min, arr[i])max = Math.max(max, arr[i])if(min > 0) {result.push(0)}else {result.push(max+1)}}console.log(result)'''(2) 给一个二进制序列，如："001100"，然后把11往后移1位，...，最后形成一个方阵，如：001100000110000011100001110000011000求这个方阵中，由0组成的最大矩形或三角形的面积（没思路直接过）'''jslet s = '001110'/*** 别傻傻去生成矩阵，直接求连续的0，再从1累加得到面积，如果全0则直接求正方形面积** 001110* 000111* 100011* 110001* 111000* 011100*/let isSquare = truefor(const i of s) {if(i !== '0') {isSquare = falsebreak}}if(isSquare) {console.log(s.length * s.length)}let zeroNum = s[0] === '0' ? 1 : 0let max = 0let ss = s + sfor(let i = 1; i < ss.length; i++) {if(ss[i] === '0' && ss[i - 1] === '1') zeroNum = 1if(ss[i] === '0' && ss[i - 1] === '0') zeroNum++max = Math.max(max, zeroNum)}console.log((1 + max) * max / 2)'''(3) 给一个数组，一个查询次数n，和n个输入的目标值，求这个数组中任意2个不同的数，他们的乘积等于对应的目标值，输出是n对下标（找不到[-1,-1]）。（也是直接暴力解法，过了20%，可以再进行剪枝，但还是没过）考完才发现可以用两数之和哈希表的操作'''jslet arr = [2,3,6,7,3,7,4]let target = 6let map = new Map()let result = []for (let i = 0; i < arr.length; i++) {if(arr[i] > target) continueif (map.has(target / arr[i])) {result = [i, map.get(target / arr[i])]}map.set(arr[i], i)}console.log(result)'''总结：太难了，又是一轮游，下去再沉淀沉淀。之前看过米哈游秋招的笔试，好像是21年还是22年的，手写题都没这么难，都a出来的，现在tm是越来越难，也可能是一紧张脑子乱了（好了不说了，主要原因是自己菜）再做了一遍，确实觉得没有考试那时感觉难，最后一题在想去重+根号n，去重的话，索引不会发生变化吗。（看看有无佬过了这一道）

自我介绍 跨域是什么，cookie或header增加字段会不会触发跨域浏览器输入url到渲染出来的过程script标签的defer和async执行时机async的脚本会同时加载和执行吗SSR，CSR，SSG搜索框防抖场景题：接口查询clickhouse日志需要请求上亿条数据，怎么优化性能负责一个事情，协作方的问题导致业务上线需要延期，应该怎么办日常学习生活中会不会用gpt等工具问研究生期间研究方向问了不了解LLM问平时研究具体用强化学习解决什么问题介绍公司业务，问自己的研究内容能不能跟公司业务结合怎么样能将大模型或其他深度学习方法优化产品代码题：实现MxN数组右向螺旋输出，可借助网络工具加一个条件，希望优化函数的健壮性

全程 35 min， 感觉面试官问的有些难度，我答得一般般，没想到竟然过了，已经 oc，感谢面试官~1. 自我介绍2. TCP 和 UDP 的区别？3. http1.1 和 http2.0 的区别？4. 讲讲 https 的握手过程？5. 强缓存和协商缓存？6. 302 是什么？403 是什么？401 是什么？7. 哪些地方需要用到缓存？8. CPU 的调度算法？9. 链表的结构？跟数组的区别？10. 逛不逛b站？手撕，设计一个符合要求的弹幕数据结构（某个时间段弹幕会很多，按照时间，重复项，具体字段，如何渲染到页面上，如何分区存储？11. 如何优化？重复项？（我也不知道怎么描述，感觉挺难的）1...