小鹏汽车前端一面面经

自我介绍 从在浏览器输入一个域名到页面完整展示，这整个过程发生了什么？如果是HTTPS协议，相比HTTP有什么不同？TCP三次握手具体做了什么？为什么要三次？HTTPS中的TLS握手过程是怎样的？（四次握手都做了什么？）TLS握手过程中，密钥是如何安全传递的？证书是从哪里请求的？谁颁发的？任何人都可以拿到吗？浏览器如何验证证书的合法性？证书不合格一般有哪些原因？算法题：两数之和（Two Sum），实现最优的解法为什么认为hash解法是时间复杂度最优的？空间复杂度是多少？如果给定数组有序，如何优化？（说了双指针，但是还是On，感觉没优化）算法题：如何对一个无序的单向链表进行排序？给出一个最优实现算法。（第一次说了n方遍历）类似冒泡/选择的排序算法，复杂度是多少？（想了下说了归并排序，子问题是合并两个有序链表）使用归并排序的思路，时间空间复杂度是多少？合并链表时要创建新的链表节点吗？不创建额外空间，直接在原链表上操作可以实现吗？（可以，O1空间复杂度）Cookie和Session在生命周期上有什么区别？Session的存活时间是怎样的，由谁来销毁？Cookie的销毁机制是怎样的？关闭浏览器、重启电脑后它还存在吗？它具体存储在哪里？Cookie一般用在什么场景？JS的垃圾回收（GC）机制是怎样的？垃圾回收是由谁（或什么机制）触发的？讲一下“标记清除”算法的具体过程，它标记的是什么？提到“可达”是什么意思？垃圾回收器如何判断一个变量是否“可达”？（说了检测运行执行栈中的变量，其实应该是从根对象往下遍历）反问PS没问实习和项目，问的点比较细，但是会深挖，挖到两个人谁不会为止一些细节确实还是不够深入，有点磕绊

自我介绍接触前端的时间和学习方式问实习微前端框架选型是否了解其他框架Garfish 框架是 JS entry 还是 HTML entry？是否了解不同 entry 的优缺点？CommonJS 和 ESModule 对比讲讲 js 事件循环ES6 有哪些新特性Proxy 的应用场景Vue2 vs Vue3 响应式Vue3 响应式机制原理、模版解析/渲染原理讲讲伪类和伪元素React 和 Vue 对比？React 和 Vue 组件通信方式对比context 原理本地从代码开发到浏览器页面呈现的整体流程浏览器有哪些线程手写：判断多元数组的最大层深反问

自我介绍 实习项目基础从什么时候开始接触前端？为什么选择前端？实习为什么离开？介绍一下你觉得做得最好的项目和它的亮点是什么？如何发现性能问题的？简单描述一下从输入URL到页面渲染完成的过程。有了解过Canvas吗？（不咋了解）重绘和重排区别，哪个性能消耗更大？场景：如何判断用户是否看到广告卡片，以统计其曝光？（说了监听scroll和IntersectionObserve实现）SSE和 WebSocket 区别和优缺点？addEventListener方法有几个参数？事件的执行阶段是什么？（事件捕获和冒泡）事件对象中的 event.target 和 event.currentTarget 区别？代码输出题：事件循环Event Loop打印顺序，解释原因Promise在实现和运行中会产生闭包吗？（产生、结合源码说了说）JS封装一个网络请求？（XMLHttpRequest）除了XMLHttpRequest，还有什么其他方法可以发送网络请求？（Fetch API）如何主动取消一个已经发出的Fetch请求？了解自定义事件吗？（说可以自定义eventEmitter）CSS Flex布局问题：如何让父容器中的三个子元素，前两个居左，最后一个居右，中间留白？CSS或JS动画有做过吗？（这个不会）讲一下二分查找的原理React常见的性能优化点有哪些？（除了useMemo/useCallback）了解微前端吗？Chrome开发者工具里，如何查看页面帧率？查看内存占用？如何快速定位到有性能问题的代码？开放题：纯前端（无流量变量）实现A/B Test，让80%的用户访问A页面，20%访问B页面？实习期间的工作强度是怎样的？能否接受较强的工作强度？有过沟通冲突吗？如何解决？未来工作中发生冲突或对立，如何处理？平时通过哪些渠道学习前端知识？平时使用哪些AI编程工具？反问，问了培养、氛围、不同面侧重体验挺好的，有说有笑

1. 作为前端，你的成长路线是啥样的？2. 聊聊 JS 的单线程模型？3. 为啥 script 脚本跑太久，页面会白屏？4. 怎么优化页面白屏时间太长的问题？5. 如果想搞多线程，该怎么做？6. Web Worker 能干的活，和主线程一样吗？7. 两个线程之间怎么通信？8. JS 引擎是怎么做内存管理和垃圾回收的？9. 怎么在浏览器里观察内存管理的过程？10. AI 前端和普通前端比，需要哪些不一样的特质？11. 了解 Node.js 吗？