前端

虾皮（面试专场，一天速通）⌚️投递时间：2.20👋笔试：2.20（单选、多选、原生js写todo-list）🤏一面：2.22✌️二面：2.22😉oc：2.21百度（两周）⌚️投递时间：2.14👋一面：2.19🤏二面：2.24✌️三面：2.27😉oc：2.27（当晚hr电话口头offer）字节（一周）⌚️投递时间：2.17👋一面：2.24🤏二面：2.27✌️三面：2.28等待hr面......面经不完整记录（仅记录记得住 & 非实习 & 非项目相关的问题）：一、虾皮：一面：* 手撕：lodash_get方法（考到数组循环几种方式，各种错误边界判断考虑）* 小程序心跳机制（实现思路） -> webSocket -> 为什么要用webSocket，而且用户等待时间过久，不再发送心跳，webSocket断掉了，用户不就拿不到新的数据了吗 -> 使用SSE服务端推送，解决了用户手动刷新消息列表的问题、又解决了用户停留时间过长，webSocket断掉的问题* 有看什么书吗 -> 没有，为什么？太枯燥，平时看博客、写博客 -> 看下博客 -> 最近一次什么时候写的 -> 为什么现在不写（阅读量低、不知道写什么）-> 博客内容都是自己写的吗 -> 一些有参考，一些是自己开发过程中遇到的就是自己写的 -> 要坚持写博客（写博客被面试官加分）* 和面试官聊得不错，有说有笑二面：1. 实习过程中技术上的提升2. js和java的区别（解释性语言和编译性语言的区别）继承和多态3. 最近学什么东西4. 怎么准备面试5. 有没有准备软件工程、计算机组成原理方面的面试 -> 无6. 进程和线程7. 状态码8. 敲下一个路径，浏览器的解析过程9. 写项目的一些收获（查看提交记录），对着仓库讲10. 够不够拼、够不够努力，主要是react，你怎么考虑11. 上一段实习的工作强度、工作时间反问：1. 团队氛围 -> 不PUA2. 最近是不是在急招，流程推这么快ps：一面面试官不错，对着我的实习业务就是一阵拷打（拷打到回答不上来）二面上压力（全程黑脸）不分暑期跟日常，表现好转正（经典话术）============================================================二、百度：一面* 算法：有效括号匹配、全排列（重复元素没去重，面试官说算我过）-> 都是leetcode原题* 八股相关二面：* 算法：找出第一个不重复的字符的位置，如'abcabcde'，第一个不重复的字符'd'，返回它的位置* git相关，场景：主分支代码推上去后，跑去dev开发；此时主分支需要hotfix，怎么解决 -> git stash -> git commit 和git stash都是本地存，有什么区别，为什么不用commit而是stash -> commit和stash的区别（不熟悉）* CDN相关：有CDN和没CDN的流量路径是怎么样的，有什么区别 -> 有了CDN一定比没有CDN更快吗（不一定，如果没缓存，还是得去根域名服务器查找） -> 那假设现在有缓存呢？一定更快吗资源部署之后，访问的路径是怎么样的* 现在有个接口，项目多个地方使用，怎么避免不必要的多次调用 -> 全局store维护一个变量表示是否已经请求过，false则请求 -> 那判断的时机是什么？生命钩子判断 -> 但现在有n个页面就要有n份代码 -> 路由守卫来执行* 开放题：一段复杂的代码（体积较大，假设2M），现在有两种方案：1. 通过iframe引入；2. 通过npm独立发包后引入，你会用哪种方案，为什么三面：* 聊学习路线、聊学习规划，无手撕* 问有没有学四大件 -> 学校主java，强行打断施法* 聊业务，让推进度 -> 结束没多久hr打电话给口头ps：百度三轮面试官面试感受无敌，主Vue，而且会用Node做中间层（个人很感兴趣其实，且Vue相对上手快些），组内不分暑期跟日常===========================================================三、字节一面：* 写一个mergePromise、异常处理* Vue的双向绑定原理、项目中挑一个最深的点讲一讲* http常见状态码、三次握手过程* 大文件切片上传、断点续传、秒传实现思路* 了解Node吗？用过Node吗？（说曾经用过Express写增删改查）熟悉数据库吗（No）手写：*. mergePromise*. 合并数组（LeetCode原题）*. 获取链表倒数第k个节点*. 用Vue写一个todo-list 二面（无自我介绍，直接开始表演）：* vue封装一个menu组件（一二级菜单 -> 如果菜单层级嵌套不止一层，怎么处理）* 给一个url数组，限制最大请求数（理发师问题）-> 说写得有点点小瑕疵，后面看了一下，应该返回每个的执行结果，而不是只返回其中某个#牛客AI配图神器#* 性能优化 -> 资源压缩、懒加载、小文件合并大文件减少请求次数、组件缓存、base64、雪碧图、防抖节流....* 讲讲vue的diff算法 -> 双端对比，组件乱序部分使用最长递增子序列 -> 根据key维护哈希表，实现时间复杂度 O(n ^ 2) -> O(n)* 反问：前端角度，后端node较多，react较多，希望找的实习生能够转正让推面试流程三面：* 实习经历拷打，更多的是问为什么要这个（业务层面的思考）* offsetCanvas对比canvas好在哪* redo、undo撤消重做 -> 讲到命令模式* 一张雪碧图，里面的图片可能是不规则的（矩形、正方形、圆形、三角形）怎么去确认每张图形的位置* 说前两轮算法、手撕、项目都问得差不多，这轮无手撕，无项目拷打（暗喜）反问：* 部门介绍* offer情况，让帮忙推进度* 不足改进的地方：业务多问为什么，而不是一味的技术实现等待hr面中....=================================================================写在最后：1. 没有技术可言，全是运气这一点真的在这次求职过程中深深感受到了。就拿虾皮的面试专场来说，我是第一场早上开始的（应该是算早的那一批），每轮过后面试官就立马推入下一轮，我看牛客上一些牛友和我应聘同一个岗位，可能就是因为时间点的问题，流程比我稍稍慢一点2. 面试不是完美主义，有地方不足就靠其他地方拉平不足。同样是虾皮的面试，面试官对着我的实习、项目疯狂输出，说实话后面被问得哑口无言，但这时候脑子别乱......稳住就赢了3. 字节实在出乎意料。字节本不在我的计划之内，boss找到我之后犹豫了很久最终决定冲一把。目标其实是不要脏了面评，结果干到三面。字节三轮面试下来感觉还不错，没有传说中那么push，第一轮甚至还是女面试官4. 字节的手撕和算法是最多的，手撕部分似乎很喜欢考异步相关处理5. 字节主React，组内还会有Node，个人主Vue。希望能抗住压力。等待hr面中...不奢望转正，跟上进度、别职场霸凌我就行6. 其实这波求职中，美团才是我的大厂处女面，手撕获取路径参数的时候把 isNaN() 给忘了，没撕好至今快过去两周了，应该是挂了......听说美团培养制度无敌，可惜。不过也不是没收获，在反问环节问面试官我的不足时，讲到：“讲一些复杂的思路时可以不用事无巨细，感觉像是在背，而不是在聊”老实了，后面的面试中光速调整策略。所以说，没事多面，积攒经验7. 在我看来，大厂面试官似乎跟喜欢候选人对整体局面（包括项目整体、功能整体、业务整体）的掌握，再由讲到的一些点不断切入8. 还投了某东，综合测评做得我跟人格分裂一样三个褒义词非要我挑一个我最不符合的9. 腾子投了两周后通知面试，至今未开始，应该要推掉了，太鸡儿累了最最后，许愿字节hr面别挂，不然我真成🤡了#我的OC时间线##牛客创作赏金赛##前端##暑期##26暑期实习#

ieg游戏数据部门  无手撕 全程项目+八股（1h）1. 项目拷打 项目中公共组件如何复用的，具体复用过程2. Vue3相对Vue2做了哪些改善，加了什么特性3. Vue3引进setup，目的是啥，解决了什么问题，与Vue2写起来的差异4. Vue如何实现响应式 ref对象值修改，为什么页面会跟着刷新5. 项目中Echarts可视化做了什么6. SVG和Canvas渲染引擎的区别7. 鼠标悬停实现tooltip交互时，Canvas和SVG在事件处理的区别8. Al相关的工具使用9. ES箭头函数的作用域10. js原型链的继承怎么实现，继承的目的是为了解决了什么问题11. js同步异步执行的区别，调度过程12. 宏任务微任务的区别，为什么要区分这两13. 场景题，口述如何实现三栏布局14. flex:1 1 0 分别代表啥意思15. 项目中处了图片懒加载还做了什么性能优化？16. 对JS，CSS静态资源大小的优化怎么处理？17. 定制过webpack插件吗18. 项目如何部署19. 前后端通信，如何预防XSS和SQL注入问题20. TCP/UDP区别21. 为什么HTTPS安全上做的更好，怎么保障安全性的？22. 你对什么前端方向感兴趣？23. 最近有阅读过技术文章吗面完到现在还是显示初试中，也没通知过没过，有兄弟一样的情况吗 #前端#  #腾讯#  #实习#

2.1840min左右自我介绍介绍一个难度较大的项目视图的创新如何做？体现在哪方面？echarts和d3有什么区别？如果数据很大，可视化如何做优化？输入一个url会发生什么，尽量具体。如果url是google.com会有什么不同？常见的tcp和udp协议tcp和udp的区别前端文件压缩，文件上传，什么时候进行文件压缩tcp握手为什么不是两次，为什么不是四次？代码输出题：函数声明和var变量提升、异步Promise和宏任务微任务手撕：类似Promise.retry()的功能第一次参加面试，答得不是很好，磕磕绊绊。#前端##暑期实习##腾讯#

公众号/小程序/微信小店团队。面试官人很好，一个小姐姐，干练温柔。面完有点再也不想在简历上写性能优化了（x1、说说实习的项目2、实习的性能优化，代码拆分，减少资源请求是怎么做的3、怎么定义一个元素加载完成/渲染完成4、做性能优化时，怎么去找优化的点，有什么指标5、怎么打点去了解页面的性能6、图片优化策略7、实习中遇到的最大挑战8、技术上遇到过的最大挑战（其实上一个就答了技术，然后面试官可能觉得不是技术，我就又想了一个，然后尽量说了点具体解决的方法，这个到底要怎么答啊家人们，我每次都是说遇到的问题，然后自己尝试，然后去找经验贴，这个到底要怎么说）9、以后遇到相同的问题你能吸取什么经验，或者说如果别人要复用，你会怎么做（想不出来我说写经验文档）10、keep-alive的原理11、diff算法的原理。vue响应式原理12、继续问其他项目，感觉面试官没有什么兴趣了反问：项目要有一两个亮点，其他内容也要很熟悉，讲的时候自己要能讲清楚，能讲透，最好结合场景，能讲到解决问题的一个过程。对框架的原理有了解，但是听我讲感觉理解还是不够。#腾讯##面试##前端##前端面试#

商业化。面试官有一点点坏，上压力，上来就说待会我会打断你，后面也确实是。但是后面实在答不上来的时候也说没关系没关系1、自己说一下项目2、实习的性能优化做了什么，接着问还有哪些性能优化方案3、缓存怎么做性能优化，相关的状态码4、cdn为什么能让渲染性能变快5、输入一个URL到渲染，能讲多详细讲多详细。过程中打断问了http和https的区别，DNS以及层层查找做了什么事情，重排重绘有什么区别，举例子说说什么属性改变是重排什么改变是重绘。6、打开一个链接，浏览器怎么知道是渲染网页还是图片7、又回到项目问懒加载无限滚动虚拟列表怎么做的，懒加载自己去实现怎么实现8、说说项目里比较有挑战的地方9、说一个实现的比较复杂的组件。10、开始设计一个组件的时候，怎么去设计它的属性，有哪些属性对外提供的11、怎么解决样式冲突的问题，样式名称冲突12、vue的不同组件通信13、vue的compositionAPI可以用来干什么14、CSS水平居中垂直居中手撕(自己写测试)：promise.all，深拷贝反问：介绍部门。建议多写多练，对于框架不要只使用，要理解，最好多了解怎么实现#快手##面试##前端##前端面试#

游戏技术运营，面试官人很好。1、OSI七层模型及传输层的协议2、TCP和UDP的区别和应用场景（游戏对局用TCP还是UDP）3、拥塞控制算法的流程4、应用层的协议（HTTP和HTTPS）5、HTTPS的加密的密钥协商过程6、HTTP常见的响应码7、TCP如何发起DDOS攻击，可以利用三次握手的哪一步8、TCP的三次握手四次挥手9、进程和线程的区别，是否了解协程10、进程调度的算法11、进程的状态12、常见的数据结构13、栈和队列和树的应用常见14、进程间通信有哪些方式15、有哪些排序算法，堆排序的原理16、查找算法17、负载均衡算法18、实际开发中用到的设计模式，可以说前端的19、vue的声明周期函数20、v-if和v-show的区别和实际应用21、vue中不同组件的通信方式22、vue的状态管理工具，说说对vuex的理解23、问用js多还是ts多，我说js没有继续问了反问：看重学历，最好要对计网、操作系统、数据结构、算法这些知识非常非常非常熟悉#腾讯##面试##前端##全栈##SRE#

1.自我介绍2.在实习期间干了哪些事情？3.项目拷打，这个项目是否还在线上？有多少人参与？项目开发的难点是什么？4.tcp三次握手和四次挥手？5.为什么需要三次握手？6.Vue2/3在实现响应式原理上有什么区别？7.知道什么是防抖节流吗？8.手撕代码防抖函数9.知道低代码平台实现的原理吗？（懵，从来没了解过，后面面试官说是高阶函数）10.手撕代码深拷贝（这里面试官的要求比较高，需要处理各种边界情况，比如说参数我传json，正则表达式，函数之类的，没考虑到这么多情况，他让我去看看loadash是怎么实现的）11.反问阶段（面评，业务情况）二面持续了1个小时，大部分时间都花费在了两道手撕题，面评阶段，面试官说是技术和代码基础都没问题，但是还有很大的提升空间，比如说对高阶函数的理解。面完后一个小时，收到HR终面通知，很意外，很开心，也很不安，HR面挂了可比二面挂了更让人难受😣😣😣😣。我现在就保持平常心，在没有收到offer邮件前，不要有太多幻想。😂😂😂祝你好运！😁😁😁#作业帮# #前端# #面试#

正准备复盘，发现自己忘记点录音了，只能凭记忆写写了，大概40min自我介绍块级元素和行内元素是什么有哪些行内元素怎么才能定义宽高语义化标签有了解吗iframe有了解吗（不太了解说了点定义）css选择器有哪些，> 是什么选择器如何实现水平垂直居中回流和重绘cookie、localstorage、sessionstoragePromise怎么用let,const的用法区别如何定义一个计时器vue组件通信vue中v-for的key的作用vue为什么不建议v-for和v-if一起用computed和watch的区别vue是使用什么实现双向绑定的然后开屏幕共享手撕了一点简单的css和js块级元素居中显示固定在右下角定义一个对象数组，实现筛选、查找、对属性求和、提取对象一个属性映射成数组，考察一些数组函数的使用更新一下，hr面完，已oc！#前端# #牛客AI配图神器#

对27，28届想入门或者刚入门迷茫的同学，这是一部分学习路线分享✨✨✨。【在校阶段-优先基础-构建知识体系】计算机科班:1.（C语言、数据结构、算法）系统入门基础知识，面试必考算法🤛2.（机组、数电、模电、操作系统、计算机网络）传统认识计算机，在部门大厂面试里涉及，计网更是大厂面试必问选项🤟3.（实训：算法，数据库，数据结构）实践能力(复杂课设) 🎁【题外话】:虽然学校课程和部分实训的水分不明，但是把自己在准备实习学的技术与方案融合到日常课设实训，加深了技术理解+老师留下好印象，以后实习被逮捕的可能性降低🎁非科班三大建议:1. 本专业前途渺茫，想换行搞钱2. 公司招聘的技术要求是什么，你就要学些什么。面试必问的计算机专业知识，找面经系统刷过去。(比如小林计网等)🎉3. 面试问你为什么“换行学计算机”，问答要依靠✨本专业学习中有涉及计算机部分，感兴趣检查自学，未来可期更有自驱力✨，虽然你懂我懂他也懂这是什么p话，但是面子上过得去就行。总不能说“我就是来搞钱，就是来卷你的”【一定基础-如何突破-提升实力】1.实践: 特色项目、丰富实习经验、有idea立刻动手2.工程: 参加青训营等进行，团队协作、Coding 能力。锻炼团队开发，git能力，代码规范3.刷题: ************，动态规划，回溯，贪心，树4.额外: 独立搜索，遇到问题自己解决，熟练使用gpt，习惯看官方文档。杜绝学生思维💊💊💊 【实习生阶段】1.独立解决业务问题，遵守技术规范不要制造问题线上bug2.独立分析问题，边学边做3.GPT 编写基础代码，明白基础逻辑4.尝试发现组内业务问题，自驱使用技术解决问题💋💋💋，提升实力，给老大留下印象，算是0风险下独立发现解决需求🎁(详情看我的主页贴- “实习生爆卷产出”)🎁特色项目特点🍎🍎🍎:【字节跳动青训营项目】:关于文档协同编辑。传统的文档编辑方式存在版本管理困难、实时协作受限等问题。提升团队协作效率，支持多人实时协同编辑的在线文档平台。1. 文档管理模块：支持文件夹创建、删除、重命名、嵌套，具备权限控制与共享设置；文档可新建、导入（如Word、PDF、Markdown等格式）、导出（多种格式），并进行分类管理、删除与恢复。2. 在线编辑器：- 基础编辑：实现文本、段落格式化，可插入图片、表格、链接等媒体元素，支持撤销/重做操作。- 协同编辑：具备实时同步编辑内容、光标位置同步展示功能，设有编辑冲突解决机制与用户在线状态显示。- 版本控制：自动保存，支持历史版本管理、比较回滚及编辑历史记录。3. 实时协作功能：- 文档共享：通过链接分享，设置查看、评论、编辑权限及访问有效期。- 实时通信：集成在线评论、即时消息交流、@提及功能及变更通知推送。- 协作管理：涵盖成员管理、权限分配、操作日志记录与协作统计分析。 二、技术栈 1. 前端技术栈：- 框架：React 结合 TypeScript 构建用户界面。- 状态管理：运用 Redux 搭配 Redux - Saga 管理应用状态。- UI 组件：选用 Ant Design 提供美观易用的组件。- 编辑器核心：采用 Slate.js/ProseMirror 实现编辑功能。- WebSocket：借助 Socket.IO client 实现实时通信。- 其他：利用 Draft.js 处理富文本，通过 Operational Transformation 算法处理协同编辑，使用 IndexedDB 进行本地存储。2. 后端技术栈：- 核心框架：基于 Node.js 搭配 Express/Koa 搭建后端服务。- 数据库：MongoDB 存储文档数据，Redis 缓存实时协作数据。- 消息队列：采用 RabbitMQ 处理异步任务。- WebSocket：依靠 Socket.IO 实现实时通信。- 文件存储：选用阿里云 OSS/AWS S3 存储文件。- 搜索引擎：使用 Elasticsearch 实现文档搜索。 三、核心技术难点 1. 实时协同编辑：采用 Operational Transformation 算法保证一致性，实现冲突解决机制，确保多用户编辑数据一致。2. 性能优化：通过文档分片加载、增量更新机制、WebSocket 连接管理及缓存策略优化提升性能。3. 离线支持：借助 Service Worker 实现离线编辑，搭配本地存储与同步机制，并处理断线重连。 四、系统架构 1. 用户层：涵盖 Web 客户端、移动端及桌面客户端。2. 接入层：包含负载均衡、CDN 及 API 网关。3. 应用层：设有文档服务、协同服务、用户服务及消息服务。4. 数据层：涉及 MongoDB、Redis、Elasticsearch 及对象存储。 五、安全考虑 1. 数据传输：采用 HTTPS 加密传输。2. 文档存储：对文档加密存储。3. 权限控制：进行细粒度权限控制。4. 操作审计：记录操作审计日志。5. 安全防护：实施 XSS/CSRF 防护及敏感信息过滤。#牛客激励计划# #实习# #前端# #面试时最害怕被问到的问题# #非科班# #转码# #大厂# #技术岗# #26届实习# #牛客AI配图神器#

有些同学的信息和求职还是有较大偏差的啊目前竟然还有不少觉得一定要代码能力多强才能找实习的 还有天天看小厂外包说前端要被ai替代找不到工作的 有说后端也能写前端的 目前其实大部分大厂干的也都是杂活 简历筛选看什么去进行呢 学历 工作或者实习经历 本来就没有什么特别难的 大部分就靠你早点准备刷经历了面试看什么 在面试校招时候主要问实习产出和八股 在面试实习只能纯问八股等基础 不同公司的也会有不同的偏好 有耐心的同学可以多看看我之前的帖子 我总感觉发了好多遍的东西 还有人问我[捂脸R]现在进入正题哈 26大厂暑期实习应该在三月初前后开启 美团算是最早的 流程很快 应该三月底就会下offer 大家可以冲了速成前提 能写crud项目 这个是随便你看视频或者看文档就能学会的推荐bg：本硕包含任意92 或者一本带实习后边计划主要是列一下大致的时间 具体掌握到什么程度我别的帖子基本上都写了 要是懒得花时间看和搜集资料的可以私信找我结合你情况一对一辅导细节和项目包装[doge]- 先花3天熟悉一下你目前的项目的描述点 可以喂给gpt让他出可能的提问 深度来不及 但广度尽量要到位 不要有知识盲区- html跟css 如果不是特别着急可以过一下mdn 着急的话三天背完八股和一些API 还有css的两栏三栏布局 水平垂直居中 flex等 估计花3天左右- js 其实是重点 原型原型链 熟悉API 事件循环 this指向 promise 等es6一些新语法 大概是5天- js手写 需要能够熟练写 3天- 计算机网络 感觉一线大厂问的很多 但像滴滴这种不咋问 5天- 框架 没人在乎 无人关心 但是有些同学又很在意这个 3天- 浏览器原理随便看看 2pd- 代码输出2pd- 面经 剩下的都看面经 就是不局限公司的看 找面经 然后整理到自己的文档里反复看 #实习，投递多份简历没人回复怎么办#  #牛客创作赏金赛#  #前端#