得物前端青训营

作为一个小白，没怎么经历过面试，内心真的非常紧张，分享一下面试云智的过程，一面（40min左右）：上来的话就是先做一下自我介绍，然后回答常见的八股，1. 常用的行内元素标签有哪些2.说说盒模型3.说说BFC是什么，有哪些特点4.position有几种取值，有什么区别5.flex 1什么意思6.水平居中的方法7.css选择器有哪些8.css权重的顺序9. css伪类和伪元素的区别10. js的数据类型有哪些，区别是什么11.判断数组的方法有哪些12.闭包，闭包使用不当会造成什么问题，如何防止闭包泄漏13.说说作用域链、事件循环14.深拷贝和浅拷贝的区别15. call、apply，bind三者的用法和区别16. 普通函数和箭头函数this指向问题17. 数组都有哪些方法18. 使用过AI？好像还有点.......但是忘记了，但都是日常的八股，感觉多多记忆都可以拿下接着就问了简历上项目相关的然后现场做了一道leetcode上面的经典题目，括号匹配（没做出来....）接着反问环节，公司主要技术栈，部分业务内容，以及对我在前端学习的一些建议等二面（15min）：二面的话本来以为没下文了，大概等了快大半个月，结果电话通知二面，估计是被捞起来的，上来就问了react相关的，1.  说说fiber是什么2. 说一下redux的原理3.问了一下日常有在使用AI？4. 项目相关的大致问了一下反问： 后续流程三面（60min）我原本以为是两轮技术面＋一轮HR面，结果第三轮也是技术面，两个面试官一起发力，也是被拷打了很久，问的问题大多是根据你的简历上的技术栈来问的，上来做自我介绍，大家可以提前准备好属于自己的自我介绍，给面试官留下好印象1.vue和react的区别？2.redux的原理，以及让你来实现一个redux，你会怎么做？3. 说说webpack的原理4.Git 和SVN有什么区别？5. Axios解决了什么问题？6. https的原理7.前端发展过程中相关的开放性问题，有点忘记了8. 还是关于AI的问题？以及你用AI如何解决实际开发中遇到的问题，举个例子9. 闭包、原型链、事件循环10.性能问题有哪些方法去检测，我回答的是用lighthouse（还有好多种），然后问了指标有哪些，FCP，LCP，TTI等相关的解释等11.项目中让你最自豪的点是什么？12.JavaScript作为单线程，区别于其他语言的多线程，这样设计的优势在哪里？还有就是一些开放性的问题，有点记不太清了，然后就是聊聊项目，根据你简历上的项目会提出一些问题。反问：后续流程HR面试（30min）介绍了一下所在部分的业务，问了自己的职业规划，以及能实习多久，还有一些其他开放性问题等等反问：后续流程

虾皮前端一面总结一、八股文考察1. 箭头函数◦ 核心问题：需明确箭头函数特性（无this、arguments、prototype，不能用new）。◦ 未答关键点：◦ this继承自外层词法作用域，非构造函数因无prototype且new时无法绑定this。◦ new过程需创建实例、绑定this、返回实例，箭头函数无[[Construct]]内部方法。2. 性能优化◦ 问题：不熟悉相关知识，需补充学习（如防抖节流、SSR、CDN、懒加载等）。3. 浏览器内存与缓存◦ Local/Session Storage：数据存储于磁盘，读取时从内存缓存或磁盘获取（取决于是否常驻内存）。◦ 协商缓存：◦ max-age=0与no-cache区别：前者强制验证缓存，后者需服务器确认。◦ ETag与Last-Modified并存：前者更精准（文件内容变化），后者依赖时间戳（可能误判）。4. React Hook◦ 问题：对useMemo、useCallback、memo使用场景模糊。◦ 改进点：结合项目举例（如子组件高频渲染时用memo缓存，避免函数重复创建导致的重渲染）。二、代码题• 动态规划背包问题：用最少砝码数量组合目标重量，需明确状态转移方程（如dp[i] = min(dp[i], dp[i - w] + 1)）。三、面试官交流1. AI看法：强调合理利用AI辅助解决复杂问题，提升效率。2. 性能优化建议：结合具体场景（如电商首屏优化、可视化图表性能），参考谷歌Lighthouse、Web Vitals等工具。四、改进方向1. 基础巩固：深入理解箭头函数原理、浏览器存储机制、HTTP缓存策略。2. 性能专题：系统学习优化手段，结合实际项目案例分析。3. React实践：梳理Hook使用场景，通过项目练习巩固（如列表渲染优化）。4. 算法训练：强化动态规划题型，掌握背包问题变种解法。

虎鲸是6.5ssob上海投的，6.12约面，西安大麦的前端岗。虾皮是老早投的深圳后端，然后被前端捞的，后端和项目一点没问，麻了问题：1、js获取多个div元素的方法。如果这些div有父子关系，如何进行区分？如何由子获得父？2、react状态管理的几种方式？除了redux还有哪些？3、跨端如何解决？4、选择器的优先级？5、如何进行浏览器性能优化？6、url的结构？7、url从输入到响应页面的过程？8、http2.0与1.0的区别？9、tcp三次握手与四次挥手？10、https加密的过程？11、如何给元素设置水平，垂直居中？12、react的useState如何放在if分支中会有什么问题？13、浏览器如果断网了如何处理，缓存如何实现的？14、defer和async有什么区别？（都没听说过defer）15、promise有哪几种状态？......16、短期规划？题目：1、拆分数字字符串，按照千分位添加逗号。2、提取字符串中括号里的内容。（我给的思路是用栈或队列遍历，面试官说正则表达式可以秒，可是我不怎么会正则）总结：两场面试都是四十分钟左右，问的都是前端比较基础的东西，但我只学了一个多月前端，也没专门看过八股，被拷打麻了。面试官看我都不会，后面就转而问场景题和一些计网之类的基础了。下午面完虾皮后，大麦发邮件中止流程了。感觉今年前端面试的确比后端多，我都被前端捞了三次了

4月份投的，统一算力平台二面挂，风后HR面挂，真的被恶心坏了，第二次机会虽然不能说表现很完美吧，每次面完反馈也都还可以，不知道怎么归因了，找到原因也是我现有条件能力之外的东西了。阿里这个文化真太tm毒瘤了，凭什么HR能有这个权利去否定技术面试官的判断啊，我又不是给她干活？感觉到强烈的无力感，被资本打败了。还好手里oppo这个offer的业务还比较好，不然鼠鼠暑期实习真是完全失败了。