1. 输入一个 URL 到页面显示，中间发生了什么2. 什么是DNS 服务器被污染，怎么避免？3. 除了DNS污染，还有什么原因会导致同一 URL 显示不同页面4. 浏览器缓存在哪一步，什么是协商缓存，服务器会对比资源，是用 Etag对比吗5. 手撕：设计一个输入内容的区域，然后这个区域的高度会随着内容的增加自适应高度6. 如何放大缩小一个 iframe，但是里面内容排版不受影响，即它里面不能展示滚动条或者留白7. webpack 打包的规范8. IIFE、 ESM 、CJS、 UMD分别是什么，webpack打包输出是哪种格式9. UMD有什么缺点10. vite 为什么比 webpack 快，vite 有什么缺点11. vite本地开发是用 esbuild 的， esbuild 为什么这么快？12. vite本地开发是用 esbuild 的，但是生产是用 rollup 去做的。为什么不统一用 esbuild 呢？13. 实习项目拷打

一面（50min）1. 前后端都做过，为什么最后选择前端这个方向呢？2. HTML 的语义化的标签有哪些，语义化的作用3. CSS 的盒子模型，通过什么属性去进行设置4. 三栏布局如何实现5. position: sticky 是相对谁去进行偏移的6. 响应式布局的实现方案7. rem怎么设置8. 在不同屏幕（360px、375px、414px 等）上保持 “一行三等分元素” 的统一效果，怎么实现9. JS 的闭包10. 什么是防抖节流，如果不停的触发，时间都是 500 毫秒，那如果在 3 秒内，那防抖，节流会触发几次11. JS 事件冒泡和捕获的过程12. Vue 有哪些核心特点13. Vue 为什么要替 jQuery 呢14. 为什么要做性能优化15. 首屏加载完成了，这个指标从哪里去读16. 什么是LCP，最大的元素是怎么定义的17. 了解网页上的一个资源加载的一个瀑布流吗？怎么用浏览器查看18. 从输入网页地址到首屏加载完成，整个过程是什么样的19. http1.0, 1.1, 2.0的区别20. HTML 的这个渲染过，JS 会不会阻塞 HTML 的渲染流程21. 手写Promise.race二面（60min）1. JS 的事件循环，日常中，比如你写一个代码逻辑，有哪些场景会触发这些？有哪些是宏任务，有哪些是微任务？2. JS 的原型链3. history 和 hash 两种路由以及它的两差别和常用的用法4. JS的内存泄漏5. React 的 常见hooks 的用法6. 阐述一下使用 axios 的 API 开始构造一个 post 请求。从代码角度以及从代码开始写之后，操作系统以及它底下的链路是怎么运行的7. HTTP 请求和 HTTPS的区别8. SSL/TLS握手在哪一步执行9. 手撕嵌套数组对象的广度和深度遍历（递归和栈分别实现）10. Webpack 的工作原理和工作流程11. Git 的相关的命令有哪些12. git rebase和 git merge 的区别是什么13. 怎么去看待小米的这个公司的发展的情况14. 怎么去看待个人的技术发展与那个公司的业务发展这两个之间关系

滴滴一面（45min）1. flex=1是哪些属性的简写2. 假如父盒子是 100，两个子盒子分别设置 flex 等于 0.1，flex 0.2，它的宽度怎么分配呢3. CSS 如何画三角形4. 移动端的适配，有各种宽高不同的手机嘛，想要前端的页面写一套在各个手机型号上都能有良好的运行的程序，有什么设计方案吗5. rem怎么计算的，小程序的屏幕适配用什么属性6. 了解开发这个屏幕比例适配用什么第三方库吗7. 代码在各个浏览器上，因为 API 的兼容性可能不同，有没有了解过前端的一些兼容的方案？8. Babel Polyfill 解决了什么问题（Promise 、 fetch 、 Array.includes）9. js作用域链的查找规则10. 代码阅读题，函数全局变量和局部变量输出11. 手撕1：手写 promise 串行不用 await12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点13. 手撕3：最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？18. 路由的两种模式（history和hash）的区别19. webpack主要是干啥的？解决什么问题的？20. 为啥要打包？ webpack 打包的产物，为什么 js 有增加一些哈希值啥之类的，了解吗？21. 为什么index.html它没有一个什么哈希标识呢？22. Vue中的diff 算法的头头比和头尾比的区别23. Vue2和Vue3对于数组和对象的响应式区别24. Vue2 技术上能劫持数组索引，但为什么不做？（性能成本极高，，初始化时要遍历 每一个索引 加getter/setter ，会导致内存爆炸）滴滴二面(50min)实习相关（白屏检测怎么处理JS报错的问题）1. TCP 和 UDP的区别2. WebSocket 是什么，它是基于 TCP 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕：士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目

一面 手撕45min1.获取ul下每个li标签的值并打印2.分别用递归和栈方法数组嵌套，实现函数扁平化 [1, [2, [3, 4], 5], 6] 输出[1, 2, 3, 4, 5, 6]3.下划线转驼峰命名法（拆分遍历和正则分别实现）实习拷问20min二面实习拷打50min手撕力扣160 相交链表

感觉二三面都贼抽象，二面就问点简单的八股，三面完全不像是前端面试，面试官全程夸后端好，不知道还以为招后端呢，百度也是抽象的一批9.24二面八股1.研究生课程，为什么学前端2.ES6常用的新特性3.const var let的区别4.Vue响应式原理5.Vue3 proxy常用的拦截器有哪些6.CSS如何实现画一个三角形7.单页面和多页面应用的区别手撕：版本号从大到小排序数字千位分隔符10.10三面1.项目中的数据表怎么设计的，有联表查询的场景吗2.前端性能优化有哪些方法，尽可能多说3.使用过CDN吗4.做过部署工作吗，服务端配置会设计吗5.了解过k8s吗6.了解大模型吗，平时用什么大模型7.项目中有没有做的不好的地方，重新做会如何改进8.个人未来职业规划9.有哪些开发模式，实习的时候用的哪种10.大模型的场景，解决了什么问题

滴滴两轮车事业部时间线：10.14 一面二面10.16 三面一面和二面都是用的同一个面试链接，面试完10分钟内就告知通过，也都收到了面试评价邮件，然后当天太晚，三面面试官没空就约了隔天三面是hr重新发的面试链接，三面完后新的面试链接立马失效，但是旧的链接依然显示三面，并且没收到面试评价看网上啥说法都有，也不知道咋回事

这个傻软部门，3轮技术面+1轮hr面，到处捞人面试，就没看到有oc的，还拖一二十天让系统自己挂，碰到金服约面赶紧跑一面（0917）：实习和项目拷打八股：1. 什么是 redis 缓存吗？它的作用是什么？2. 如果 redis 的这个缓存到了上限之后，怎么处理？3. 性能优化手段有哪些4. 埋点上报怎么实现的5. 埋点上报出现跨域情况，怎么解决6. Proxy和Object.defineProperty 的区别7. Proxy能感知嵌套对象的修改吗,Vue3的Proxy可以吗8. AlCoding9. Al幻觉的出现原因和解决方法手撕1：网络请求在指定时间未响应，抛出异常手撕2.   代码阅读：宏任务微任务，以及输出的时间手撕3：商品按商品id归类二面（0924）：全程问实习和AI相关的手撕带两位小数的千位分隔符二面完拖了一周挂了

1. web网页端与 B 端小程序，有没有针对不同的分辨率去做一些适配呢？2.  1rem 等于多少 px？它是基于什么来确定的？3.  除了rem，还知道有哪些可以进行适配吗？4.  实习项目中分页加载、滚动加载、预加载是怎么实现的5. 虚拟列表刷到了最后一页，这个时候里面的DOM有什么变化吗？6. 它里面还会有一个占位吗？还是说用户还以为它可以无限的往上面去加载呢？7. 实习项目中如何实现组件按需引入8. 还知道有有哪些前端性能优化手段？9. TDesign可以适配React和Vue吗，TDesign组件按需引入知道它的原理是什么吗10. 封装sdk，如何支持动态字段扩展的可复用模块11. 了解过低代码的设计逻辑吗12. 实习项目中的批量导入功能如何实现的，以及实现过程中遇到了棘手的问题嘛13. 时间轴联动功能拖拽底下的时间轴的时候，Echarts 它里面支持直接监听它的拖拽的动作吗？14. 既然支持，为啥还要进行二次封装15. 项目中封装公共组件库是封装到本地还是又起了一个库，然后通过publish 这种方式发布出去，然后再引用上？16. Vue 3 和 React的区别17. setTimeout，还有 Promise，还有 async/await的区别18. 从他们这个宏观任务、微观任务这方面来分析一下他们三个的区别19. 数组常见操作方法，**`join`**会改变原数组吗？20. 重绘和重排是啥，如何减少21. 平时怎么学习Web 前沿技术22. 未来有什么规划吗？23. 了解Agent这样的 AI 大模型吗、24. Agent它的主要应用是在哪一方面一面无手撕，大部分围绕实习和项目问，一面完秒过

项目拷打 20min八股 30min1. 元素不知道宽高，如何水平垂直居中2. position的取值，relative和absolute的区别，设置left/top为百分比是基于什么计算的3. flex 1 具体值，flex 的三个值代表什么4. 行内元素和块级元素的区别5. 什么是 BFC？哪些条件能产生 BFC？6. 哪些方式可以解决 margin 塌陷？7. ES6 里面，它相对于 ES5 里面新增了很多 API ，你觉得这些 API 哪些设计的比较好？8. 箭头函数跟普通函数的区别9. ES6的new操作符10. == 与 === 的区别11. 宏任务和微任务的区别12. Promise resolve 了，当前这个 resolve 的微任务会被放在当前的队列里面，还是到下一个宏任务的微任务队列里？13. 跨域以及解决方法14. HTTP 的协商缓存15. 浏览器携带的时间和你服务器上的时间不一致时，是怎么解决匹配判断的问题手撕：多级对象扁平化面完一小时左右通知下周二面，许愿好运

全程大概40min1. HTTPS请求从用户发起到到接收数据的整个过程2. HTTPS和HTTP的区别3. HTTPS如何防止数据被篡改的4. 为什么需要4次挥手5. JS运行机制和浏览器底层原理项目拷打手撕： m×n的螺旋矩阵