前端面試題怎麼練提示詞（React / Vue 方向：AI 出題、我先答、追問原理、逐項點評）
準備前端面試、背了八股但一被追問就卡住時用。填入目標崗位、主攻框架和想練的範圍，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)。
同款作品
用這條提示詞做出來的作品；原作者會因此獲得積分
還沒有同款，來做第一個。
0 條評論
還沒有評論，來搶沙發～