面试题库 词条目录
前端Wiki/面试题库/框架与工程化/工程化与软技能

项目经验与职业规划回答技巧

技术面最后几乎一定问“讲一个你最有挑战的项目”。满分结构是 STAR:Situation(项目背景与目标,一句话说清业务价值)、Task(你负责哪一块、难点在哪)、Action(你做了什么技术决策、为什么这样选、踩了什么坑、怎么解的)、Result(量化结果:首屏从 4s 到 1.2s、包体积 -40%、线上错误率 0.01%)。没有 Result 的回答是不完整的。

职业规划题(“你未来 3~5 年怎样规划”)的回答框架:短期(1~2 年)深耕当前技术栈、成为团队骨干;中期(3 年)能独立负责复杂项目、带新人;长期看是技术专家或技术管理两条路,结合公司业务场景谈。避坑:别说“我想转行”“我想创业”,也别说“走一步看一步”—— 展示稳定性与成长性即可。

  • STAR 讲项目:背景 → 你的职责 → 技术决策与踩坑 → 量化结果
  • 结果必须量化:性能、体积、效率、错误率,拍数字才有说服力
  • 职业规划:短期深耕、中期负责、长期专家 / 管理;展示稳定性
JS
// 面试回答模板(伪代码)
const projectAnswer = {
  // Situation:一句话背景 + 业务价值
  situation: "导购社区类 H5,日均 PV 20w,首屏慢直接关系跳出率。",
  // Task:我负责什么、难点是什么
  task: "负责性能改造,首屏 4s+ 是核心瓶颈,历史包袱重。",
  // Action:具体技术与决策过程(重点讲“为什么”)
  action: [
    "量化先行:Lighthouse + 埋点定位瓶颈在图片与首屏 JS 体积",
    "路由懒加载 + 骨架屏,关键包体积从 1.8MB 降到 620KB",
    "图片走 AVIF + aspect-ratio 占位 + loading=lazy",
    "推动建立 CI 产物体积卡点(超 800KB 直接拒绝合并)",
  ],
  // Result:可验证的数字
  result: "首屏 LCP 从 4.2s 降到 1.3s,跳出率下降 18%,季度绩效 A",
};

const careerPlan = {
  1: "深耕现有技术栈,独立Owner 核心模块",
  3: "能负责复杂项目从 0 到 1,带 1~2 名新人",
  5: "技术专家路线:在性能 / 架构方向形成方法论并影响团队",
};

// 反向提问环节(加分项):问业务、问团队、问技术栈演进
const goodQuestions = [
  "团队目前在架构升级上最大的挑战是什么?",
  "这个岗位未来半年最希望解决什么问题?",
];
本节要点项目讲 STAR 且结果量化;职业规划展示稳定性与成长路径;反向提问问业务与团队。
🔗 相关词条前端工程化VueReact