滴滴提前批 前端一面

📍面试公司：合合信息🕐面试时间：1h30min💻面试岗位：前端开发❓面试问题：面试的方式是群面的，面试官自我介绍后三个候选人进行自我介绍，之后三个候选人一起看同一套八股题，输出题，场景题合作解决问题八股：浏览器url输入到页面渲染出来的过程，回流和重绘，html语义化看代码说输出：var作用域，事件循环输出场景提：Html js css实现一个表单，最后要有代码但是不要求能运行🙌面试感想：群面的形式其实还挺轻松的，有人陪着你一起被拷打

2026 Web前端进阶学习路线  AI赋能前端，实战体系全面升级 —— 进阶前端架构直击P7  第〇章 AI前端工程核心技术与实践 —— 生成式UI Agent实战 🆕  大厂最新 AI 探索方向  章节概述 您是否想过，未来的App界面可能不是由设计师预先画好的，而是由AI根据您的一句话实时"变"出来的？比如您说"帮我订一张明天去上海的机票，要靠窗的"，屏幕就能立刻生成一个包含航班选择、座位图的定制界面——这就是"生成式UI"的魔力。 本章系统学习AI与前端的融合领域——AI前端工程，聚焦于业界最新的生成式UI方向。这是一种革命...

3.19（周四）一面3.24（周二）二面3.27 （周五） 三面 当天 oc3.30 （周一） 正式 offer一面是两个面试官，应该是+1 和技术 leader，面试氛围特别好，两个面试官讲话都很亲和，主要是 AI 相关的概念题和场景题，前端八股问得比较少二面居然是 hrbp 面，始料未及的一面，不过还好问得是比较常规的 hr 面问题三面是主管面，终于给我想起来录音了！下面是具体面经：1. 请简要地做一个自我介绍。2. 你的 UI 组件库是完全手写的还是基于现有开源库修改的，选择自己手写的原因是什么？3. 请讲讲 React 组件的生命周期。4. 如果需要优化一个前端页面的打开速度与性能，具体可以采取哪些举措？5. 在浏览器输入网址后直到页面完全展示出来，背后究竟发生了什么事情？6. 请尽可能多地列举 HTTP 状态码及其含义，并解释 206 状态码的意思。7. 原生 JS 写得多不多？原型链的存在意义是什么，它的最上层又是什么？8. ES6 中的 class 关键字与传统的组合式继承之间有什么关系？9. JS 中 this 指针的传递和判断机制是怎样的？箭头函数是否拥有 this 指针？10. 近期对 AI 领域的了解情况如何，是否有在本地部署试玩过大模型（如 OpenClaw）？11. 在 AI 代码生成能力日益强大的背景下，前端工程师未来的出路和发展方向在哪里？12. 如果向产品经理方向发展，需要额外补充哪些新增的素质或能力？13. 对大模型应用开发相关技术栈（如 LangChain、RAG、Agent 等）是否有过具体的实践了解？14. 接下来的学校时间安排是怎样的，能否满足长期实习，未来是打算直接工作还是继续深造？

1.实现react的useEventfunction useEvent(fn) {// 实现}function Demo () {const [s] = useState(1)// 返回值onEvent是函数，且是稳定的值// log输出中，s永远输出的是最新的s的值const onEvent = useEvent((a, b) => {console.log('cb', a, b, s)})return (<XX onEvent={onEvent}>{s}</XX>)}2.类名压缩// 压缩CSS类名，你给一个函数，接受传入的元素的class的值。然后压缩返回。需要做到多次调用不重复，全局唯一。// 希望预期的是，对于所有的class的名字，都可以按照最短输出。例如 class-a -> a class-others -> b// 当足够多之后是如 aa ab 这样的值function optim (classNames) {}console.log(optim('class-a')) // 'a'console.log(optim('xx')) // 'b'console.log(optim('class-a')) // 'a'console.log(optim('class-a  xx class-ee')) // 'a b c'