26双非学院本前端秋招活路

如果不准备充分的面试完全是浪费时间，更是对自己的不负责。 今天给大家分享下最近整理的前端开发面试专题及场景题，其中大部分都是面试常问的面试题，可以对照这查漏补缺，希望能帮助到在面试的小伙伴们！！！

1.前端工程化项目构建工具：使用自动化构建（Webpack, Vite）来处理和打包前端资源（JavaScript, CSS, 图片），从而简化开发流程，提升开发体验。这些工具通常支持模块化开发、代码压缩、混淆、热更新等功能。模块化开发：采用模块化的开发模式（如 ES6 模块、CommonJS、AMD 等），可以将代码拆分为更小、更易于管理的部分，有助于团队协作和代码复用。每个模块负责单一功能，并且通过明确的接口与其他模块交互。组件化开发：基于组件的思想构建用户界面，比如 React、Vue中的组件。组件是独立且可复用的 UI 构建块，它们封装了自身的逻辑和样式，可以在不同的页面或应用之间共享...

虾皮前端一面总结一、八股文考察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. 算法训练：强化动态规划题型，掌握背包问题变种解法。

面试情况25届双非本科，有 ACM 竞赛经历，两段实习（小厂 + 独角兽）。以下为2024年11月到次年5月的春招及其补录面试情况，若对个人秋招经历感兴趣，可查看另一篇置顶文章。通过某区级供水国企汇丰科技：线上行为测评 → Coding 测试 → 线下技术 & HR 面东方财富：一、二轮线上面，三轮线下技术面招银科技：一轮线上技术，二轮、三轮线下技术和HR元戎启行：三轮技术面 + HR 面，一共四面面试挂拼多多：客户端，三轮技术面挂，手撕没撕出来4399：一轮技术面挂微派：一轮技术面挂，手撕没撕出来以下是个人无意向故提前主动终止流程，以免影响其他候选人广州农商银行：线下笔试，一轮面试，...