前端实习

实在是找不到项目做，b站上面的，xhs卖的，感觉都烂大街，github看得眼花，实在是找不到了

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

## 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真是一场酣畅淋漓的八股盛宴啊，手撕也抽象的一笔，不知道能不能过

从三月中下旬开始投实习，到现在六月了，前前后后差不多两个月，结果是 0 offer，全挂，是真的一个都没有拿到。我知道这可能只是个“过程”，但当你真的一个个扛下来，从期待，到忐忑，再到每次被拒的落空感叠加在一起，很难不崩溃。❌ 一些面试经历：腾讯（含云智）：两次一面挂，一次二面挂字节跳动：三个部门的面试，一面挂理想汽车：一面挂美团：被两次捞起，都是二面挂拼多多：熬过一面，二面挂贝壳：熬过一面，二面挂腾讯音乐 / 携程：一面挂海康威视：正在等通知除此之外，还有不少公司做完笔试直接进了“长期泡池子”。或者初筛就凉..🧠 我的状态变化：刚开始是信心满满的，准备得很认真，每次面完都复盘，每天都刷题、整理八股、调整简历。但当“全挂”成为常态以后，就越来越影响状态了。现在的我，面试前反而开始自我否定，面试中也难以发挥，已经不是不够努力的问题，而是心态彻底被击穿了。更难的是，这种低谷状态已经开始影响我日常做任何事情的情绪了。会焦虑、会怀疑、会觉得“是不是我根本就不行”。🚧 但我还是想说：我没有想放弃，但确实很累很沮丧。我相信看这篇帖子的你，可能也正在经历相似的事我们不是不够努力，我们只是刚好在一个机会极度集中、竞争极度卷的环境里，没有被幸运选中。但我们走过的这段路、整理的项目、刷过的题、面过的公司，它们都算数。🌱 后续打算：说实话，现在没什么“鸡血式的计划”了。我可能会先缓一缓，慢下来，不为面试而活，做点能让自己喘口气的事。当然也不会彻底停下来，有合适的机会我还是会去试试。只是希望，下一次的自己能不再那么焦虑、不再那么在意输赢，而是真的把它当作一个过程。

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

阿里巴巴天猫技术手机天猫前端团队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、在相关领域国际顶级会议、期刊发表论文或相关学术会议组织的权威比赛中获奖。私信获取联系方式 全程跟进内推进度 稳稳落地

笔试前基本搜不到什么题，也不知道复习什么，直接考。考完看了别人发的帖子，好像所有技术岗考的内容都一样。鼠鼠投的是前端（人事系统）的暑期实习。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，去重的话，索引不会发生变化吗。（看看有无佬过了这一道）

如题，急招前端实习生，实习工资日薪 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 本人直招，感兴趣的直接私信发我简历图片，我看到后会第一时间给反馈！

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

在牛客平台上面的，AI面链接发邮件后的7天内有效，挺严格的，要完整投屏，还要手机进入小程序进行监控，眼睛不看摄像头和发出其他声音还会提示。反正就当做正式面之前的热身。1. 先说说为什么要应聘前端岗，以及做了哪些准备2. 选择题（多选&单选）大概就是让你选学过的课程、语言、框架、技术栈等等，后面应该是会根据你选的随机提问3. 有1次换题机会的问答a. 介绍下JavaScript的polyfill（不会，直接换题）b. 如何去计算某段JavaScript的计算时长，说出3种方式c. TIME_WAIT状态如何改变（没提示是TCP握手中客户端的状态，一上来直接懵了，继续换题）d. SNMP的工作流程和执行原理（md，只知道是应用层的协议，蚌埠住了...）e. promise的三种状态f. Vue中的事件和DOM事件有什么不同g.长轮询和websocket的区别4. 没有换题机会的问答（事情逐渐离谱）a. 描述你最近参与的一个前端项目，并解释你是如何设计其架构的，包括技术栈的选择和理由。（提到的是我的一个关于医学大数据教学和实验平台的项目）b. 这个项目关于医学大数据的存储和设计的方案（怎么就问到非前端内容了...，直接解释说只是涉及一些课程和作业方面的业务）c. 使用了哪些数据库技术，以及如何应用到不同的业务场景（可能我前面提到的这是一个全栈的项目）d. 对项目的后台数据进行了哪些安全方面的处理e. 对于数据库，如何进行容灾和备份处理（问的都是关于数据库方面的东西，有点忘了...???）f. 低代码平台的实现方案，你会怎么设计（我都没做过，咋知道...，只了解一些相关的api，无语了）g. 描述对于一个项目的不同技术方案，你是如何去做比较和选择，还让举例h. 如何去衡量团队成员对某个技术栈的熟悉程度和这个技术栈生态的发达程度，从中去做选择（离谱，只是我前面提到了点关于技术栈选型）参考为主吧，我是真不懂为啥一个前端实习会扯到这么多的关于数据库和技术方案的问题

全程 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...

1. 用 Vue 或 React 写一个倒计时组件解题思路：倒计时本质上是一个定时器（setInterval 或 requestAnimationFrame），在组件挂载时启动，定时更新当前剩余时间，倒计时结束后清理定时器。Vue 示例（Composition API）<template> <div>{{ time }}</div></template><script setup lang="ts">import { ref, onMounted, onUnmounted } from 'vue'const dur...