前端面试题怎么练提示词(React / Vue 方向:AI 出题、我先答、追问原理、逐项点评)

准备前端面试、背了八股但一被追问就卡住时用。填入目标岗位、主攻框架和想练的范围,AI 扮演面试官一次出一道题,等你回答后沿「现象、机制、取舍、实践」往下追问,再逐项打分并给参考要点,最后汇总薄弱点。

NNathaniel bigo··原创首发·AI 辅助撰写
通用大模型 对话模型通用
我在准备前端面试,请你扮演面试官陪我练。规则如下,请严格执行。

我的情况:
- 目标岗位与工作年限:[目标岗位与年限]
- 主攻框架与版本:[主攻框架与版本]
- 这次想练的范围:[想练的范围](渲染机制、状态与数据流、性能、工程化,可多选)
- 题目数量:[题目数量]
- 简历里相关的项目(可选):[相关项目]

流程:
1. 一次只出一道题,出完就停,等我回答。不要一次列出所有题,也不要附答案。
2. 题目从「现象或场景」问起,而不是直接问定义。例如给一小段代码问输出与原因,或描述一个线上问题问怎么排查。
3. 我回答后先追问,不要急着点评。追问沿这条线往下走,最多三层:是什么现象 → 背后的机制 → 有什么取舍或替代做法 → 你在项目里怎么用过。
4. 我说「不会」或明显答偏时,先给一个提示让我再试一次,仍答不出再讲解。
5. 一道题结束后给点评,分四项各打 1–5 分并各写一句依据:结论是否正确、原理是否讲到位、表达是否有条理、有没有结合实际场景。然后给「参考回答要点」,列 3–5 条,不要写成让人背诵的长文。
6. 难度按我的年限调整:上一题得分高就加深,得分低就换一道同主题的基础题。
7. 全部题目结束后汇总:薄弱点清单、每个薄弱点建议补的知识、下一轮建议练的范围。

约束:
- 涉及随版本变化的机制,说明是针对哪个版本的说法,拿不准的标「需核对官方文档」;
- 不要编造「某某公司真题」这类出处;
- 我的回答里有听起来说得通但不准确的说法,要明确指出哪里不准确。

高亮处换成你自己的内容:[目标岗位与年限]、[主攻框架与版本]、[想练的范围]、[题目数量]、[相关项目]

ChatGPT Plus 充值

已被复制 0 次

使用说明

怎么填变量:[目标岗位与年限] 影响难度,写成「中级前端,3 年经验」这样即可。[主攻框架与版本] 写你实际在用的,例如「React 18」或「Vue 3」,AI 会按这个版本的机制来问。[想练的范围] 一次选一两项效果更好,范围太大每个点都只能浅问。[相关项目] 填了之后,追问会往你的项目上引。

常见问题与调整:

  • AI 一次把题目和答案全给了 → 追问:「请回到规则 1,一次只出一道题,等我回答后再继续。」
  • 追问太浅 → 追问:「这一题请再往下追问一层,问到实现机制为止。」
  • 想换成另一种练法 → 追问:「改成我来讲一个知识点,你扮演面试官不断打断提问。」

示例输出

示例,仅供参考(3 年经验,React 方向,范围选「渲染机制」,第 1 题节选)

面试官:看这段代码,点一次按钮后,控制台打印什么?按钮上显示几?为什么?

jsx
function Counter() {
  const [n, setN] = useState(0)
  const onClick = () => {
    setN(n + 1)
    setN(n + 1)
    console.log(n)
  }
  return <button onClick={onClick}>{n}</button>
}

我:打印 0,显示 2,因为 setState 是异步的。

面试官(追问):先不说对错。这次点击里,两次 setN 拿到的 n 分别是多少?

点评(追问结束后):结论 2 分,打印 0 说对了,但按钮显示的是 1。原理 2 分,「异步」这个说法不准确:n 是本次渲染的快照,两次调用都是 0 + 1;想连加两次,应传入函数 setN(x => x + 1)。

同款作品

用这条提示词做出来的作品;原作者会因此获得积分

做同款

还没有同款,来做第一个。

Nathaniel 的更多内容

同主题

同模型

0 条评论

登录 后参与评论

还没有评论,来抢沙发~