百度前端一二面面经

1.vue2你有什么了解2.vue3和vue2的区别3.for (var i = 0; i < 3; i++) {var a = i;let b = i;setTimeout(() => console.log(i,a,b), 100);}4.for (var i = 0; i < 3; i++) {var a = i;let b = i;}setTimeout(() => console.log(i,a,b), 100);5.console.log(1);setTimeout(() => console.log(2), 0);Promise.resolve().then(() => {console.log(3);return Promise.resolve().then(async()=> {setTimeout(()=> console.log(6),0);await console.log(5)})});console.log(4);6.flex讲解7.你知道哪些数组方式8.slice用法（忘说这个了，有问了这个和splice区别）9.浏览器渲染机制10.重绘和回流的区别11.虚拟dom12.diff区别13.栈和堆的区别14.基本类型和引用类型的区别15.事件捕获16.this用法17.apply，call，bind18.闭包19.节流和防抖20.节流和防抖的应用场景都是什么21.后面忘记了22.没带电脑没考算法题，不然肯定要考的，不过大概率挂了

1.挑一个项目介绍2.设计百度搜索结果页的前端架构，需支持高并发访问、个性化推荐(如根据用户历史调整结果排序)、多终端适配，简述核心技术选型与架构分层。3.V8 引擎的垃圾回收机制中，新生代与老生代的回收算法有何差异?百度贴吧的长帖详情页(含大量图片、评论)如何排查并解决内存泄漏问题?4.Webpack 的代码分割(Code Splitting)有哪些实现方式?百度地图Web 端如何通过代码分割优化首屏加载体积，减少初始化时间?5.百度直播的实时弹幕功能，如何基于 WebSocket 设计一套可靠的消息推送方案，确保高并发下消息不丢失、不重复，且延迟低于100ms?6.React18 的 Concurrent Mode 与 Suspense 如何配合使用?百度智能云的数据分析看板(含大量图表渲染)如何利用这两个特性优化用户交互体验?7.浏览器的回流(Reflow)与重绘(Repaint)有何区别?百度搜索结躍为之页的“无限滚动加载”功能，如何避免频繁操作导致的回流问戾能运年?8.百度翻译的“实时翻译”功能(输入文字实时显示译文)，如何设计前端状态管理方案，支持多语言切换、翻译历史记录、离线翻译缓存?9.HTTPS 的握手过程中，证书验证的具体流程是什么?百度金融的支付页面为何必须使用 HTTPS，且禁用 HTTP 降级?前端如何检测当前页面是否为 HTTPS 环境?10.百度百科的 “目录跳转”与“锚点定位”功能，如何实现平滑滚动且精准定位到对应章节?若页面存在固定导航栏，如何避免定位偏移?

10月下旬给我发了个面试邀请，一次性三轮那种，那时候没空所以没约。后来再也没约过我面试，系统里在“面试”这个状态中。

百度前端一面面经面了一坨websocket和sse的区别单工和双工通信长轮询的弊端重排的优化（犯傻了，理解成数据重排的优化）什么情况下触发重排懒加载优化和原理懒加载的应用懒加载的配置http通信实时手撕 axios 请求，校验当前 token 是否过期。过期，会返回 403 错误。重新请求新的 token，每次请求中都带上新的 token。（好像是这样的？） 太多了撕到一半没撕完太紧张了理解错好多面试官的意思