小厂前端 实习 面经

面的厦门的，岗位好像是干公司内部oa系统的，更新更新官网。没背八股，凉了。就给自己警醒一下。记得的不多了。自我介绍项目用的是vue几vue3生命周期微任务宏任务知道哪些异步的方法（大概这么个意思，讲promise那些）知道哪些低代码平台反问公司用什么技术（主要vue3，其他的angular也会用但这些不会让你碰到的）就十分钟，自己要好好背背。面试官挺好，答不上来的也没为难。话说佬们有没有免费的八股网站或者公众号之类，之前搜的要开会员。 #面经# #总结:哪家公司面试体验感最好# #牛客创作赏金赛# #前端#

省流：无八股，四十分钟项目输出，二十分钟笔试题 + 反问面试体验最满意的一次，虽然开头细细的讲项目细节导致节奏有点慢了，只讲出了两个核心，还有两个核心没讲，但面试官很耐心的听完并跟我确认上下文细节，下次继续优化- 自我介绍- 挑一个简历上最值得讲的项目开始表演  - 背景介绍（某游戏 mod 开发组前端成员，主要负责一些页面制作宣传的需求，后期组内其他成员提出 wiki 制作需求，开始了调研之旅）  - 主流 wiki 框架（语法晦涩难懂，开发者需要时间去学习成本；使用 mdx 可以无压力上手 + 需求/问题快速沟通解决；Astro 我有实践经验，阅读过核心 api 源码，知道底层实现与扩展/局限性）  - 反问了一下这个项目什么时候开始做的：第一版落地时间周期（去年5月调研，7月开始第一版开发，9月落地，到12月前长期维护 + 新功能上线）  - 第一版落地后遇到的问题（项目结构混乱，非业务核心代码与核心混在一起，网站无法进行复用）  - 解决方案（采用 monorepo，重新梳理整个项目业务核心逻辑与周边生态逻辑，进行归类划分并确定职责和要暴露的接口）  - 成果（项目职责分离（解包，语法检查，wiki 核心，组件库，针对不同 ide 的检查适配器）对整个项目有了个更好的认知，知道整个项目的进展和状态）  - 带来的新问题（此时已经半小时了，面试官让我挑2点最大的问题（不同包之间没有权限区分；一些历史遗留插件没法及时迁移，付出了一定开发成本）其实这里可以讲一下代码复用，参考了 Astro Starlight 项目落地后发现全局 Astro 特性被局限至仅 集成暴露 api；部分 api 使用后效果不一样（Astro 官方给出了解决该问题的实验性特性））- 网站访问量多少（不多，算是技术能力锻炼产品和圈子内的服务用产品）- 是不是 minecraft 的发烧友（还真是，高中就喜欢玩珍珠炮，并且从里面开始接触到编码解码概念和一些二进制理论）- 笔试  - 版本号排序（后续讨论了一下健壮性和 plus）  - Promise.all 实现  - 写一个后台管理系统的侧边栏组件，伪代码即可（顺便聊了一下 vue compiler 的 props 宏展开）  - 本来还有第四题，面试官说不用了，直接开聊（以为会问 Promise 顺序，他说他不喜欢考这些，然后聊了一下 Promise 内返回 Promise 的问题，涉及到 v8 以及 ecma resolveThenableJob 规范，不过面试官似乎不是很了解这里）- 反问  - 我需要提升的地方（计算机四大件别丢了，讲的很认真）  - 部门主要技术栈（react，然后就是要了解一点 node，不用做开发，nginx了解即可，吧啦吧啦的，后续忘了）  - 新技术会用吗（会做研讨会和研究，不过更多是基建部门负责，他们会看手册学习并尝试在小项目落地）  - 主要业务（搜索中台，技术 + 业务结合部门？面试官好像一时也没法彻底讲清楚）  - 部门压力大吗（不算大（真的吗））  - 入职要注意的事情（需要两个月进行磨合，因为有些事情可能没有给到完整上下文就让你做，需要自己翻手册或找 mentor 问，流程清楚后就轻松了，后面一堆不记得了）  - 转正？（会给，但是看分到的名额，说25届留了两个实习生，刚好两个名额就全给他们了，然后细细的讲了一下转正前会给你的各种通知和要做的事情）  - 就面试来说有啥需要改进的地方（笔试侧边栏组件你可以做的更好点，抽象级别可以更高点，加强一下基础框架学习使用）体验最好的一次，唯一的遗憾就是讲细节太多了，还有一些核心没讲出来。其他我都很满意，1 小时后收到了三面时间选择通知许愿三面能遇到像这样体验这么好的面试官

一面  2024.11.191、自我介绍2、项目相关3、防抖（input）和节流的区别4、通讯方式（父子、兄弟、跨域；props）5、Vue3的特性6、前端学习路线7、Webpack打包，文件太大怎么解决(plugin,css分模块打包,css/style-loader）8、Vite和webpack区别9、如果遇到用户反馈页面的性能比较差，我们需要做一个分析然后做迭代优化，你该怎么做这个事情(1)性能分析：使用浏览器的开发者工具进行性能分析，查看哪些资源加载慢，哪些操作导致重排或重绘。(2)代码优化：根据分析结果，对代码进行优化，比如减少重绘和重排、代码分割、懒加载等。(3)资源优化：优化图片和视频资源，减少资源体积。(4)网络优化：使用CDN分发资源，减少请求时间。(5)监控：实施实时性能监控，及时发现性能问题。(6)测试：在不同的设备和网络条件下测试应用，确保优化效果。(7)迭代：根据测试结果和用户反馈，不断迭代优化。10、怎么预防（组件监听、提前批用户使用测试）11、调用监听函数（立即执行、同步），和监听事件（交互、异步、事件触发）区别12、解释一下闭包13、……14、反问：入职该职位还需要学习什么，前端部门人数二面  2024.11.201、自我介绍2、深挖项目，项目亮点、难点3、上一段实习为什么离职4、用户反馈白屏了，什么原因，怎么解决//其实就是网络原因，运维角度(1)开发者工具性能分析，优化，测试，迭代(2)接口问题（和后端交流），还是页面问题（比如图片太大加载不出来）5、假如不是图片，就是纯白，dom树还没渲染（连接服务器出问题，网络）7、未来规划,“软件开发”8、反问Hr面  2024.11.271、自我介绍2、学校经历3、时间规划4、项目经历5、实习经历（实习公司规模、部门）6、父母支不支持7、到岗时间8、了解小鹅通吗9、薪资期望10、反问：多久可以到岗，业务，结果

1.学习前端学多久了2.Vue2和Vue3的区别3.Vue2和Vue3响应式哪个更好？为什么好？4.组合式API相较于传统API的优势5.虚拟dom6.diff算法7.闭包8.闭包的应用场景9.柯里化10、let、const、var11、箭头函数12、事件循环#面经##前端#