多多买菜运营管培生三面面经

1.自我介绍2.基础八股拷打：2.1 React/Vue路由，说了History｜Hash以及优缺点继续问前后端分离项目部署是什么模式History那服务端需要哪些额外配置（反向代理、刷新重定向页面）前后端部署在哪些上面（Nginx、Tomcat)（知道是基础但很久没复习，纯靠记忆）2.2 React基本Hooks有哪些（分副作用、状态和性能优化等），好久没背不够熟悉了，说了点手写useCallback使用例子2.3 状态管理库了解哪些，用过什么API纯纯基础拷打，所以面试八股基础还是要准备的！！！PDD考察基础一是看基础怎么样而是是否真的做过，而不是只背面试八股

  百度智能云 boss上投递的

作为前端开发者，做AI项目不仅能提升技术视野，更是未来竞争力的关键。以下是精选的GitHub项目及实现思路，覆盖不同难度和方向。------🎯 四大值得投入的AI项目方向1. AI增强型UI/UX - 最易上手让传统界面具备AI能力，如智能表单、内容生成、代码辅助等。2. AI Agent应用 - 技术深度构建能理解意图、使用工具、自主决策的智能体。3. 本地AI应用 - 隐私优先利用WebGPU在浏览器中运行模型，完全本地化。4. AI工具平台 - 产品思维将AI能力封装为可复用的工具或平台。------🚀 精选GitHub项目与简单实现1. alibaba/page-agent - GUI Agent标杆项目地址: github.com/alibaba/page-agent技术栈: TypeScript, 纯前端Star: 9.6k+ (2026年4月)核心价值：用自然语言控制网页，如“点击登录按钮”、“填写表单”。简单实现思路：// 1. 监听用户自然语言指令const command = "点击搜索框并输入'前端AI项目'";// 2. 解析指令为DOM操作const actions = parseToDOMActions(command);// 输出: [{type: 'click', selector: '.search-input'},//        {type: 'type', selector: '.search-input', text: '前端AI项目'}]// 3. 执行操作actions.forEach(action => {const element = document.querySelector(action.selector);if (action.type === 'click') element.click();if (action.type === 'type') element.value = action.text;});适合场景：SaaS后台、复杂表单、自动化测试工具。2. ai-website-cloner-template - AI逆向工程项目地址: github.com/xxx/ai-website-cloner-template (具体地址见搜索结果)技术栈: Next.js 16, React 19, TypeScript, Tailwind CSS v4核心价值：用AI分析网站并生成可维护的组件化代码。简单实现思路：// 1. 爬取目标网站const html = await fetch('https://target-site.com').then(r => r.text());// 2. AI分析结构（伪代码）const analysis = await ai.analyze({prompt: `将以下HTML转换为React组件结构，提取设计系统`,html: html});// 3. 生成组件// 输出: Button.tsx, Header.tsx, Card.tsx等适合场景：快速原型、设计系统提取、代码迁移。3. CanIRun.AI - 硬件检测工具项目地址: 具体地址见搜索结果技术栈: 纯前端，Web API核心价值：检测用户设备能否运行特定AI模型。简单实现思路：// 1. 检测GPU信息const gpuInfo = await navigator.gpu?.requestAdapter();const gpuMemory = gpuInfo?.memory; // 显存大小// 2. 模型需求数据库const modelRequirements = {'stable-diffusion-xl': { vram: 8, ram: 16 },'llama-3-8b': { vram: 6, ram: 8 }};// 3. 匹配评估function canRunModel(modelName) {const req = modelRequirements[modelName];return gpuMemory >= req.vram;}适合场景：AI工具站、模型推荐平台。4. Local LLM项目 - 浏览器运行大模型技术栈: Vue 3, TypeScript, @mlc-ai/web-llm核心价值：完全在浏览器中运行LLM，无需服务器。简单实现思路：// 使用 @mlc-ai/web-llm 库import { WebLLM } from "@mlc-ai/web-llm";// 1. 初始化引擎const engine = new WebLLM();await engine.reload("Llama-3-8B-Instruct-q4f32_1");// 2. 本地推理const response = await engine.chat.completions.create({messages: [{ role: "user", content: "你好" }],});适合场景：隐私敏感应用、离线AI助手。5. rag-react-agent - RAG+Agent实战项目地址: github.com/ewhue/rag-react-agent技术栈: React, LangChain, ChromaDB核心价值：基于RAG和ReAct的智能客服系统。简单实现思路：// 1. RAG检索const relevantDocs = await vectorStore.similaritySearch(userQuery, 5);// 2. ReAct Agent决策const agent = new ReActAgent({tools: [searchTool, calculateTool, answerTool],llm: openaiLLM});// 3. 执行推理链const result = await agent.run(`用户问: ${userQuery}，相关文档: ${relevantDocs}`);适合场景：知识库问答、智能客服、文档助手。------📈 项目选择建议项目类型技术难度学习价值适合人群GUI Agent⭐⭐理解DOM操作自动化初级-中级网站克隆⭐⭐⭐AI代码生成、逆向工程中级本地LLM⭐⭐⭐⭐WebGPU、模型优化中高级RAG Agent⭐⭐⭐⭐检索增强、Agent架构中高级AI工具平台⭐⭐⭐产品思维、工程化中级------🛠️ 快速启动建议1. 从GUI Agent开始：技术栈熟悉，效果直观，1周可出原型2. 结合现有业务：为你的产品添加AI功能，如智能搜索、内容生成3. 关注WebGPU：这是前端AI的未来，Chrome 113+已支持4. 利用AI SDK：Vercel AI SDK、LangChain.js降低开发门槛最佳学习路径：1. 先做 page-agent 类项目，理解AI与DOM交互2. 再做 rag-react-agent，掌握RAG+Agent完整流程3. 最后挑战 Local LLM，深入浏览器AI底层这些项目不仅能写在简历上，更能让你真正理解前端如何与AI深度结合——这将是未来3年前端工程师的核心竞争力。

📍上海·长宁｜拼多多总部真实工作全记录✨ 先看这份「真实福利清单」✨💰 薪资与回报：行业竞争力薪资：拼多多的薪资在互联网行业有“天花板级别”的说法。对于技术岗，总包涨幅可观，年终奖通常是重要的组成部分。年终激励：根据公开信息，年终奖通常为4个月工资左右，是年度收入的重要部分。🍱 吃在公司，公司管饱：免费三餐+夜宵：公司为员工免费提供早、中、晚三餐，晚上十点后还有夜宵供应。餐食种类丰富，可通过内部APP预订。饮料水果自由：办公区提供多种饮料（可乐、雪碧、元气森林、三得利、东方树叶等）和水果，全天候供应。🚀 你的代码将直面“亿级”战场在这里，你解决的每一个技术问题，都直接服务于数亿用户：核心战场：参与支撑万亿级GMV的电商交易系统，每一行代码都关乎千万消费者的购物体验。技术巅峰：构建支持每秒百万级SKU查询的商品API架构；在618大促期间，处理单日亿级的电子面单调用，峰值达每秒数十万单。全栈挑战：从国内主站到跨境业务Temu，从高并发抢单系统到智能客服，业务场景全面覆盖，技术栈不断演进。🌱 在这里成长，没有“舒适区”扁平透明：层级简单，沟通直接，好想法能快速落地验证。技术驱动：面对的是真实的、大规模的技术难题，如如何防止万人并发抢单超卖、如何设计支撑全球业务的高并发架构。清晰的目标：一切围绕业务结果和技术突破，成长路径明确——要么成为解决复杂问题的技术专家，要么成为驱动业务增长的核心骨干。🎯 我们寻找这样的“硬核”工程师对用技术解决超大规模、高复杂度问题有强烈的热情和好奇心。有扎实的Java/Go基础，并乐于深入分布式系统、高并发架构、云原生等领域。具备“死磕精神”，对技术有追求，不满足于“能用”，追求“极致”。能适应快节奏、高强度的环境，渴望在一个业务飞速发展、技术挑战巨大的平台上，快速成长，创造影响。📮 如何加入这场“硬核”挑战？【拼多多集团-PDD校园招聘】内推链接：https://careers.pddglobalhr.com/campus/grad?t=nZjV6Nsn9m，内推码：nZjV6Nsn9m。期待你的加入！我们一起，无拼不青春！（通过此链接投递计入内推，内推简历优先筛选~）