蔚来h5前端实习面经

经历过字节和pdd二面的拷打，感觉美团面的是真舒服啊，特来发个面经，攒攒人品求oc一面（4.15 47min）聊项目和实习经历Http1.0和Http2.0Webpack的构建流程Webpack的loader和plugin有什么了解自己写过plugin吗跨域的解决方法Webpack的反向代理在浏览器中输入url发生了什么浏览器的缓存机制进程和线程的区别Promise的APIPromise解决了什么问题什么是异步请求任务原型和原型链设计模式手撕一：获取url地址中的给定参数的值，不使用正则表达式手撕二：写一个数组拉平方法flatten二面（4.21 38min）就聊了一下项目和实习经历，主要问了一下项目中的难点，然后抠点细节一道八股也没问，最后手撕一题对象数组保留id相同的权重较大对象（保证原顺序）做的还行，也很快A出来了目前还没有消息，但是一面完几分钟就立刻打电话约二面了，二面整体情况也不差许愿oc，我想当团孝子，真不想再面了，真的被字节伤自尊了更新----------------------------4.30晚 二面面试官打电话说offer在流程了，节后发，我也是团孝子咧

自我介绍hook 原理状态管理useLayoutEffect 细节react 整体阶段运行时性能优化react性能优化type interface 区别项目拷打hot100算法一道

秉着一个意向一次面经的原则，先输出一下美团的面经，部门是美团到店，基本都是围绕着项目问的，参考意义不是很大一面（1H）项目：1. darkReader 是什么，你是怎么使用 darkReader 的呢2.  使用darkreader 跟普通的css变量方案有什么区别呢3.darkreader的原理是什么4.  优化其在客户端的注入时机，可以详细讲一讲吗5.  可以说一说 h-lynx 吗6.  为什么要考虑使用 ast 呢，不可以接入 AI 或者直接在单文件进行转换吗7.  首屏 FCP 率是怎么优化的8. Lynx 首屏这么快的原理你知道吗9. FCP的含义是什么，怎么确定FCP呢，在Lynx上是怎么记录FCP的呢10.  优化 css 的打包体积，你能详细说说吗11. purgecss 可以实现 treeShaking 的原理你知道吗12.  说说jsb是怎么封装的，了解jsb的原理吗13.  你提到了性能优化，能仔细讲讲吗14.  你能详细讲一讲对话流插件 SDK 是一种什么样的场景吗15.  为什么要适配多个宿主，是怎么进行适配的呢16.  为什么要使用 iframe 呢17.  你知道应该怎么对iframe进行沙箱隔离吗18.  说说 IPC 和 RPC 的设计原则19. SSR改造，是怎么改造的呢20.  了解SSR的原理么21. SSR和SSG有什么不同呢22. NSR，你们项目中是怎么使用NSR的呢23.  你觉得NSR和SSR这两种方案，哪一种对FCP率影响更大呢八股：24. webpack 的构建流程25. webpack 的打包体积优化26. webpack 的打包速度优化27. vite 为啥比 webpack 快28.  跨域的解决方案，具体讲讲呢29.  讲讲 React 的更新流程算法：30.  面试官说，咱们就简单出道你肯定会写的吧，最后出了个EventEmitter，爱了   

4.18投，4.26笔试4.29 一面 50min1. 介绍2. 介绍项目请求数量限制懒加载点击热力图怎么做的3. 八股Vue23响应式Vite、Webpack和Rollup组合式函数4. 手撕写一个并发调度控制简单的判断apply和bind输出什么LazyMan5. 反问技术栈：React业务：酒店京东外卖对你们有什么影响：对酒店能有什么影响呢...（好幼稚的问题）估计要挂哈哈哈，没事已经去字节了已挂，团黑子上线