【前端面经】京东物流-技术与数据智能部-前端开发工程师（JDY）

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. 项目拷打2. vector vs 普通数组vector：动态扩容、连续内存、自动管理内存、安全、支持迭代器、自带API普通数组：静态大小、栈/静态分配、手动管理内存、无边界检查日常开发优先 vector，极致性能场景可用数组3. vector push_back 均摊 O(1)采用指数扩容（1.5倍/2倍）扩容次数极少，所有插入的总拷贝次数为线性级均摊后每次插入效率为 O(1)4. vector vs listvector：连续内存、随机访问快、尾插尾删快、CPU 缓存友好list：链表结构、任意位置插入删除快、迭代器不失效、随机访问慢遍历读多用 vector，频繁中间插入用 list5...

pdd春招前端一面：自我介绍实习：实时预览功能，如何实现NextJS各种渲染方式：SSR｜SSR｜ISR弱网与低端设备监测实现降级策略有哪些项目：oAuth2鉴权全流程讲解toaken什么用，存在那手撕：1.缓存函数，背景为React中重新渲染函数的引用会改变2.手撕EventEmitter

1. 智能指针是如何工作的，尤其是 unique_ptr？unique_ptr` 是独占所有权模型：同一时刻只能有一个指针拥有对象。 它的核心机制是：构造时接管裸指针；禁止拷贝（防止多重释放）；允许移动（转移所有权）；析构时自动 delete（RAII）。适用场景：资源生命周期清晰、无需共享所有权的对象管理（默认首选）。代码： #include <memory> #include <iostream> struct A { ~A() { std::cout << "A destroyed\n"; } }; int main() { std...