3.28 饿了么前端暑期实习一面

主要是开放性的问答，以及针对一些场景进行设计，全场55分钟。流程推进很快，面完之后10分钟不到收到了hr电话，约了三面和hr面的时间。场景题我觉得挺难的，gpt了一下，给大家参考参考。1.具体介绍一下第二个项目的功能以及技术点2.作业单元定制化详述3.flowable和bpmn协议介绍一下（项目特有）4.在项目中的职责和分工5.项目过程中对技术上有什么成长6.介绍一个发现关键问题并解决技术难点的经历，怎么发现怎么解决的（问的比较详细）7.有阅读过Vue的源码吗8.Vue的diff算法是广度还是深度优先9.广度和深度对比dom tree的时候是怎么遍历的10.深度和广度优先对比dom的优缺点11.Vue3比Vue2优秀在哪12.Vue3相比Vue2的性能提升在哪，快在哪13.场景题1：怎么设计一种场景，去计算Vue3比Vue2快多少（问的比较细致，比如时间戳在哪个阶段获得，好难的题）14.虚拟列表15.场景题2：假如有一个实时消息列表，自己测试的时候没问题，项目使用后有用户反馈说页面很卡，要怎么排查这个卡顿问题？（好难）16.针对上面你提出的几个可能的方向，要如何进行复现（上面回答了数据量太大和内存泄漏，好难）17.怎么更进一步的分析（好难）18.上面的问题从浏览器的工作原理或者js引擎的工作流程来分析一下？（好难）19.宏任务和微任务有什么区别？20.他们的区别会带来什么实质性的表现或者差异吗（好难）21.第一个项目的技术选型22.3D地图的性能问题以及解决方案23.场景题3：假设轨迹的显示是实时更新的，在现有功能的基础上会怎么样设计技术方案24.会选择SSE还是websocket25.怎么样设置一个标准或者手段去判断你的轨迹位置显示的实时性26.个人论文选题方向和内容介绍，研究思路介绍27.为什么选这个baseline28.对就业方向的选择，为什么选择开发而不是做研究29.对后续的安排和规划30.就业城市和公司偏好#饿了么##前端##25届暑期实习##我的实习求职记录##阿里##24届软开秋招面试经验大赏#

自我介绍项目介绍，项目难点介绍es 的索引结构mq 的事务消息是怎么实现的热点账户问题怎么处理？如何实现淘宝的搜索功能？是怎么分库分表的？如何实现 A 账户数据 转移到 B 账户中？jvm 哪个区域会出现 OOM？如何排查 OOM 问题？订单 id 怎么生成的？以上是本菜鸡的一面，许愿能换一份工作

timeline：3.28投递 4.2笔试（100，100，10） 4.3一面（1h）1. 自我介绍2. 看你接触过前后端、AI相关的，为什么选择做前端呢？3. 你是怎么学习前端的？4. 上面提到你看了新的React文档，发现自己以前踩过的坑，有哪些呢，具体说说？（这里讲了纯函数、生产模式下render两次、useState的一些社区讨论的不好的点，引申出内部是链表实现的，顶层调用）5. 写过一个根据yaml文档生成word接口文档的工具，问这个的实现方式，为什么要写（因为甲方看文档而我懒）6. 有没有通过这个yaml文档提高前端开发的效率呢？（讲了前端根据yaml文档生成api接口代码，可以直接调用）7. 那么后端怎么利用这个yaml文档呢？（我说swagger有个工具可以根据yaml生成后端的一些代码）8. 现在有什么已经成熟的方法打通前后端接口呢？（已经汗流浃背了想了半天说不知道了，面试官说使用DB的方案，还指出我上面的方案有时候容易出错，yaml文档不稳定）9. 介绍一下实习过程中写的东西（有五个部分，讲的口干舌燥）10. 实习中做了移动端适配，什么方案？tailwind怎么实现的？要写两套css吗？scale怎么实现的？为什么不用rem、vw之类的？（我说因为还要换算，他说不用每次都换算啊，我说那还得通过css预处理器写函数或者每次心里算一下是多少rem，他说好的）11. 知道样式污染吗，怎么避免样式污染？（我说内联样式能避免，他说不好；我说css-in-js，他说比那个好点；我说es module，他问es module怎么避免样式污染的）12. 用过css预处理器吗，includes和extend什么区别？你用css预处理器干什么（转换px到rem……）13. 讲讲monorepo使用changesets发包的流程，github ci/cd的过程，在这个过程中会出现安全问题吗？有两个小伙伴同时要发包，怎么办？（pr没合之前会合并成一个pr）14. 讲讲你比较有意思的一个项目？15. 好了问点八股吧，怎么实现两栏布局，尽可能多的说。16. 数组怎么去重，尽可能的说。（太多字了看图）

公众号：程序员白特，欢迎一起交流学习~ 来源：公众号-前端从进阶到入院 多年来，我一直呼吁“停止使用 ESLint 进行格式化”[1]。我认为像Prettier[2]这样的格式化工具和像ESLint[3]这样的 linter 是两种不同的工具，它们有不同的用途。虽然你可以使用 ESLint 进行格式化，这要归功于ESLint Stylistic[4]，但ESLint 建议使用一个单独的专用格式化工具[5]，typescript-eslint 也建议不要使用 ESLint 进行格式化[6]。 以下两个工具通常被用来帮助 ESLint 与 Prettier 更好地交互： `eslint-con...