360前端

2. 青岛海尔科技一面 业务面 8.8自我介绍介绍我的研究生阶段的研究方向（三维重建相关的），介绍一下实习工作（也选了三维重建相关的）如果需求不清晰怎么办如果开发项目的技术栈不会怎么办如何快速学习有没有了解ai相关的前端开发三天后通知我g了说专业方向和实践经验不太匹配岗位要求。我还纳闷怎么都问我研究相关的，感觉都没怎么看简历，我明明前端相关内容很多。3. 兴业银行一面 AI面 8.8自我介绍、校园经历vuejs的核心框架、如何实现双向绑定的、vue-router是什么如何进行路由跳转二面 15min 8.15自我介绍想问react吧但我不会闭包及应用场景vue2和vue3的区别let、const、var的区别项目做过什么优化浏览器的渲染流程CDN除了前端做过其他什么吗另外一个面试官开始问应该是后端老师老师说你简历里面写熟悉http协议，那问一下 http无状态（what 没听过啊555，我只知道状态码啊）项目的用的什么数据库，和后端怎么连接的，用了连接池吗（没有）了解连接池吗（没有）过了，但是要去福建线下参加一个为期五天的数字挑战赛，没去。4. 虾皮 电商上海一面 1h 8.14自我介绍问项目做了什么，但没有拷打node有什么优势express中间件怎么用（这个真忘了）闭包继承（dbq我听了两遍听的g层，重庆到处都是G层真没绷住，幸好是反应过来了）原型链vue的双向绑定、v-model，vue3有什么不同vue3有了解吗？composition api浏览器v8回收机制代码：1. 写一个ToDoList可以操作内容状态，但已完成的内容不能变更状态为未完成2. 写一个api的自动重传retry函数，可以传入重传次数和等待时间3. 有一个依赖关系，例如A创建了才可以创建B，B创建了才能创建C，我想要输入id打印对应的实体。如：a_id --->A实体，b_id --->AB实体，c_id --->ABC实体（感觉和课程表那个题很类似，记录出度入度，但是当时没细想直接用到的链表）问我有没有offer（我说没有 他说你才开始找吗  这句话听得我怎么出现了希望呢）二面 45min 8.20你觉得你有什么项目亮点，比较有成就感的浏览器缓存Promise的链式调用了解吗？返回的是新的对象还是原来的，为什么代码：把fetch支持超时之后执行.catch（和race竞态有关）、判断一个号码是不是好号码，有至少四个连续相等或连续递增加一原型链的输出是什么，如果想输出另外一个那么应该改成什么肯定g了这几个代码做的很烂，面试官还是校友，丢人丢到家了最后问了下我简历写的一个研究方向是什么面试官有点感兴趣。反问：技术栈react5. 科大讯飞 教育 OFFER武汉一面 30min 8.14自我介绍，问项目闭包Workjsnode做了些什么（幸好没往下问hhh）Webpack防抖节流ES6和commonJS的区别Json.stringfy和parse做深拷贝的时候有没有什么缺点有没有复盘的习惯新技术怎么快速学习（又是这个问题）还有些啥我有点忘记了 但都很简单二面 30min 8.22自我介绍遇到的挫折、值得骄傲的事情地域选择其他的记不住了都不重要反问：一个星期出结果很不像业务面，倒是像hr面，但是还有一个hr面三面 8.276. 百度 百度网盘北京一面 1h 8.18自我介绍，项目flexflex的选项如果想可放大一倍，不可缩小，初始200px怎么设置vue2的双向绑定，和vue3有什么不同vue2的缺点箭头函数和普通函数this的指向有哪些情况（口述的场景，唠嗑都听大了hhh）如何修改this指向事件循环（也是口述了一个场景，当时脑袋一抽没说对）requestAnimationFrame有了解吗他是在微任务之前还是之后执行的（之后，requestAnimationFrame 是一个浏览器提供的API，用于在下次浏览器重绘之前执行回调函数）nextTick有了解吗？为什么nextTick可以在异步更新之后立即执行深拷贝怎么做的？（我说了lodash和递归）有没有什么原生js可以实现的（我说了Json）打包工具XSS和CSRF有了解吗？怎么防护前端缓存有哪些？token存在哪里的node（这我写了但是没深入过）后面还是出了个事件循环的输出题代码：传入数组和k，判断有多少种方式使连续数字相加为k（遇到代码我还是放弃吧哎）反问：技术栈Vue2/3...二面 30min 8.25 感觉被kpi面了自我介绍，觉得什么项目收获最大有没有offer（没有啊！不要再问啦！！！啊啊啊啊啊）自己的优点和缺点学校的专利做的什么（展开讲了一下，然后让我一句话总结）对什么方向感兴趣（说的ai，然后展开说）有没有学什么新技术，一般都是在哪里学的前端路由是怎么做的（举例vue中）那原生的hash和history的原理是什么页面渲染的流程项目的数据库是怎么设计的，那一范式、二范式的要点是什么vue2、vue3的区别（完全没听清，就听到个vue的改进什么的）git是怎么做的（？？我说的栈，说个map都好点嘛）遇到冲突了怎么办组件库怎么去设计（我最开始说的组件，后面他又说）那库呢（举例elementui）怎么样尽可能还原设计稿页面渲染性能怎么进行优化反问：1v1带教，一周出结果（本来想问有没有什么问题，但我想着明摆着kpi面，问了一会儿他弯酸我两句）虽然面了30min，但面试官老是保持沉默，东看西看不知道是在看简历还是他自己的东西，实际也就20min吧。虽然也没有什么态度很轻蔑，看着还是和蔼可亲的。7. 合合信息 扫描全能王hr面 15min 8.21对公司的了解对以后offer的什么比较看重你希望的培养模式是怎么样的三个关键词形容自己反问：技术栈vue，面试流程（3-4面）hr面 20min 8.26还是那些问题，搞两次hr面。。。

慢脚面了，虽然本来不报啥希望，但是没想到G的那么彻底。败了，彻底败了。面试官给我的感觉是有点傲，还有点mean，虽然一直在引导，就是有些地方她会质疑，而且事后看来我确实应该是没说错的（但自己表现也挺烂就是了）。但是也是第一个在面试会回答我不会问题和给我引导的面试官，这个值得点赞。首先是项目拷打，项目拷打中有一些不足的地方：动态表单如何确保拓展性？WebSocket如何确保安全——jwt+CORS+WSSQianKun微服务的优缺点 （我说子应用开发启动容易，她说不对）微服务开发阶段，跨域如何解决？（我说映射，她说有没有可能公司后端就做了映射）八股：什么是原型和原型链？（这边一直在深挖，虽然有引...

先问一下一面时没回答上来的东西，之后才开始问新的。1. 订单号ID可以用Number类型保存吗？为什么？是否有什么隐患。含糊地回答了几次，面试官说可以确保ID唯一、也不存在类型转换等等问题，就是Number保存唯一ID有什么隐患。没回答上来。2. 继续追问上面的问题，给了提示问Number和Java里的数字类型有什么异同？还是没理解提示的含义，又乱说了一些，面试官说ID排除小数情况等等。想了半天还是没回答上来Number到底有什么问题3. 继续追问，Number对应的是Java里的哪个类型，大脑宕机说了个int，面试官说Number可以是小数，下一题。补充1：上次忘了突然想起来了，问前段有哪些优化，我说防抖节流、图片压缩合并、懒加载预加载、打包工具。补充2：继续追问，这些优化都在哪里生效，怎么生效。补充3：分包为什么能优化，减少的是什么时间？其他的优化哪些就失效了。假设没有电线的传播延迟。有点蒙，忘了怎么回答的，记得分包还生效，因为发送处理接受也有限制，不知道对不对。补充4：如果没了传播延迟，分包优化还有用吗？回答的有用因为还有机器的处理时间，不知道对不对补充5：如果资源全部在本地，这些优化还有用吗？我说内存加载也要时间，分包和懒加载应该还有用，不确定对不对补充6：如果内存无限，哪些优化还有用。不知道，彻底懵了4. 说一下useEffect。比较简单5. 继续追问，useEffect里的return函数是在组件卸载时执行呢？真的吗？确定吗？在想一下？我说有依赖就是每次刷新的时候执行下，没依赖就是组件卸载时执行，不知道回答的对不对。6. 说一下useCallback。比较简单7. useCallack具体什么时候用，说场景，不要说功能。想了半天说和React.Memo一起用，平时从来没用过，不知道说具体场景到底什么意思8. 说一下项目里的jwt，具体什么流程。比较简单9. 说一下自动登录，具体什么流程。比较简单10. 说一下自动登出，具体什么流程，我说设置定时器不断地检测logintoken有没有过时11. 继续追问，面试官说定时器有问题，能不能优化，我说前端的请求都带上logintoken，后端每次请求都检测下，不知道对错。12. 为什么现在登录都是双token，一个token也可以达成相同的效果，说一下一个token的隐患。我不知道，只能说安全问题。13. 项目采用了哪些安全方面的东西。我说jwt权限检测、跨域、salt加密。14. 追问跨域是什么15. 如果跨域没配置，到底是哪里、或什么系统、机制阻挡了通讯？不知道，瞎说了个浏览器识别的。16. 大模型前端返回了一堆markdown，怎么在前端渲染出来？说下大致思路。平时也接触markdown但不知道具体是什么，只能胡说。期间面试官换了各种问法、给了一堆提示，我理解的是markdown就是字符串，直接渲染出来不就行了？肯定是没回答上来。面试官还专门说现在大模型这么火，应该知道的……17. 说些能展示你技术能力的东西，我说用websocket实现了一个聊天系统、还有埋点系统等等。面试官说这些都是demo级别的，还有什么东西没。我说没了18. 代码题：返回一个数组的中间位，它左右两边元素相和是一样，我写了个双指针实现。老师说是leetcode原题，我写的没法通过全部测试。面试结束，反问：我说评价一下，面试官说AI啥都有，自己问AI检查下错误，又建议我不要单纯的抄网上的项目，要把每行代码都搞懂，尤其是各种配置文件里的东西寄。

个人背景末流211本，工作年限近两年，2023年毕业，主要技术栈为：vue深圳xx中长-前端一面针对单个文件上传如何知道上传进度？分块是如何进行分的，根据什么来进行分的，分的是依赖还是 chunk按需引入的背后逻辑是什么？那单入口它你刚刚说的那个引用次数你知道指的是什么吗？resolve 有几种模式，几种方法移动端适配的方式有几种你会更推荐使用 vw 还是 remwebpack 的 loader 的机制是什么？webpack 使用的是什么模块？AMD、UMDwebpack 的插件系统是什么？前端动画实现的方式主要有哪几种？如何判断是否为可迭代对象如何将可迭代对象转为数组watch 调用了多少次...