測試你的心
第2章 思維導(dǎo)圖與等待的哲學(xué)
蘇念對(duì)著課后作業(yè)奮了兩個(gè)晚。
個(gè)實(shí)踐務(wù)，陸言舟清晰的步驟指導(dǎo)，雖然磕絆，但總算功了。
她著己寫的碼功點(diǎn)擊了個(gè)按鈕，頁彈出示框的那刻，她幾乎要?dú)g呼出來，種前所未有的就感油然而生。
但二個(gè)思考題——“獲取某個(gè)輸入框的文字”，卻難住了她。
她憑著記憶文檔找，嘗試了幾個(gè)起來可能的命令，是報(bào)錯(cuò)就是回 `nefine` 或空值。
那種悉的、被邏輯迷宮困住的感覺又回來了。
周的課程如期而至。
蘇念帶著她的“未解之謎”早早進(jìn)入了議室。
陸言舟，依舊是那副從容迫的樣子。
“晚，同學(xué)們。
講解新容之前，我們先來回顧節(jié)課的難點(diǎn)，并家的作業(yè)況。”
他享了屏幕，沒有首接打碼編輯器，而是展示了張繪風(fēng)格的思維導(dǎo)圖。
“關(guān)于Cyre如何與瀏覽器交互，以及它的命令隊(duì)列機(jī)，我為家梳理了個(gè)簡的脈絡(luò)?！?br>
陸言舟的聲音將家的注意力引到導(dǎo)圖。
導(dǎo)圖的核是“Cyre 命令執(zhí)行模型”，延伸出幾個(gè)主干：* **：異步執(zhí)行、鏈?zhǔn)秸{(diào)用、動(dòng)重試。
*** **比喻理解：餐廳點(diǎn)餐（隊(duì)列等待）、智能管家（動(dòng)處理）。
*** **常見誤區(qū)：** 用 `fr`循處理異步？
**（畫了個(gè)紅叉）** -＞ 正確思路：用鏈?zhǔn)秸{(diào)用或置命令。
* **核原則：** **Cyre命令像組合指令，它己管理執(zhí)行順序和等待。
**這張圖明，邏輯清晰，子就把抽象的概念具象化了。
蘇念趕緊截屏保存，感覺腦子零散的知識(shí)點(diǎn)被這根“”串了起來。
“這張圖家可以保存，課后反復(fù)，有助于理解底層邏輯?！?br>
陸言舟說著，切到了幾個(gè)匿名作業(yè)碼片段，“作業(yè)，我到很多同學(xué)對(duì)‘獲取元素文本’這個(gè)務(wù)完了得很，普遍使用了 `.inke(text)` 或 `.ten($el =＞ $el.text())` 的方法?！?br>
蘇念緊，認(rèn)地著那些正確的碼。
“但是，”陸言舟話鋒轉(zhuǎn)，“也有部同學(xué)遇到了問題，比如獲取到值，或者得到的是 `nefine`。
這常及我們今要講的另個(gè)重之重——**Cyre的等待機(jī)**?！?br>
他創(chuàng)建了個(gè)新的碼示例，模擬了個(gè)常見場景：個(gè)輸入框，用戶點(diǎn)擊按鈕后，需要過秒鐘才從服務(wù)器加載并顯示文字。
“如我們寫：`y.get(int).tye(ell)； y.get(.ily-re).l(e.text, ell)`，有失敗。
為什么？”
他著互動(dòng)區(qū)，似乎等待回答。
蘇念想起剛才的思維導(dǎo)圖的“動(dòng)重試”，猶豫著聊框打字：“因?yàn)椤畎l(fā)出后，顯示區(qū)域還沒更新？”
“蘇念同學(xué)說得非常接近了！”
陸言舟立刻肯定了這點(diǎn)，“Cyre的斷言命令，比如 `.l()`，本身具有動(dòng)重試和等待的能力。
它反復(fù)檢查，首到元素符合斷言條件（例如包含‘ell’文本）或者。”
他接著引入了更明確的等待命令 `y.wit()` 用于固定間等待，并調(diào)了其推薦，以及 `y.interet()` 用于等待絡(luò)請(qǐng)求的更佳實(shí)踐。
“記住個(gè)原則：**優(yōu)先使用Cyre置的智能等待（如 `.l()`），而非死板的 `y.wit()`**。
這就像等梯，你每隔秒按次按鈕（`y.wit(000)`），而是著指示燈，首到它到達(dá)你的樓層（`.l(e.iile)`）?！?br>
又個(gè)妙的比喻！
蘇念感覺己對(duì)“等待”這個(gè)概念的理解深刻了許多。
她聯(lián)想到己作業(yè)失敗的原因，很可能就是獲取文本，元素的容還沒有準(zhǔn)備，而她卻沒有使用正確的斷言去等待。
“所以，回到獲取文本的問題，”陸言舟總結(jié)道，“核兩步：，**定位到正確的元素**（CSS選擇器要準(zhǔn)）；二，**合適的機(jī)去獲取**（確保容己加載）。
機(jī)問題，就可以用 `.l()` 來保證?！?br>
他場演示了修正后的碼，獲取文本前加入了對(duì)元素可見或包含某容的斷言，碼然穩(wěn)定地獲取到了文本。
蘇念恍然悟，立刻筆記記：**“機(jī)！
用.l()確保狀態(tài)再作！”
**接來的課程，陸言舟講解了更多的Cyre選擇器技巧和頁面導(dǎo)航命令。
他每講個(gè)知識(shí)點(diǎn)，都引導(dǎo)學(xué)員思考可能的應(yīng)用場景和陷阱，而是首接灌輸。
蘇念發(fā)，己始慢慢嘗試問前，先己推理可能的原因了。
課程結(jié)束，陸言舟布置了新作業(yè)，并說：“學(xué)習(xí)編程，尤其是測試，本質(zhì)是學(xué)習(xí)種嚴(yán)謹(jǐn)?shù)乃季S方式。
犯錯(cuò)是常態(tài)，從錯(cuò)誤反思和總結(jié)，才是進(jìn)步的道。”
課了，陸言舟關(guān)閉了享屏幕，卻沒有立刻離議室。
他著學(xué)員的作業(yè)記錄，停留了蘇念交的那份。
她的碼雖然錯(cuò)了，但思考過程欄，卻詳細(xì)寫了她嘗試過的幾種方法和遇到的錯(cuò)誤信息。
**教學(xué)反思：** 今重點(diǎn)講解了“等待”機(jī)，運(yùn)用了思維導(dǎo)圖和生活比喻（梯），效似乎錯(cuò)。
部學(xué)員對(duì) `.l()` 的智能等待有了初步概念。
蘇念這位學(xué)員，邏輯基礎(chǔ)確實(shí)薄弱，但從作業(yè)和課堂反應(yīng)，態(tài)度其認(rèn)，具備很的復(fù)盤習(xí)慣。
步可以多鼓勵(lì)她表達(dá)己的思考路徑，即使錯(cuò)了，也能幫助我準(zhǔn)定位她的知識(shí)盲點(diǎn)，從而針對(duì)引導(dǎo)。
她的那種棄的勁兒，倒是很像當(dāng)初剛始學(xué)編程的己。
他默默地教學(xué)筆記，為節(jié)課設(shè)計(jì)了個(gè)的互動(dòng)節(jié)。
或許，可以讓她來享己排查錯(cuò)誤的過程？
這應(yīng)該比首接告訴她正確答案，更能鍛煉她的獨(dú)立思考能力。
個(gè)實(shí)踐務(wù)，陸言舟清晰的步驟指導(dǎo)，雖然磕絆，但總算功了。
她著己寫的碼功點(diǎn)擊了個(gè)按鈕，頁彈出示框的那刻，她幾乎要?dú)g呼出來，種前所未有的就感油然而生。
但二個(gè)思考題——“獲取某個(gè)輸入框的文字”，卻難住了她。
她憑著記憶文檔找，嘗試了幾個(gè)起來可能的命令，是報(bào)錯(cuò)就是回 `nefine` 或空值。
那種悉的、被邏輯迷宮困住的感覺又回來了。
周的課程如期而至。
蘇念帶著她的“未解之謎”早早進(jìn)入了議室。
陸言舟，依舊是那副從容迫的樣子。
“晚，同學(xué)們。
講解新容之前，我們先來回顧節(jié)課的難點(diǎn)，并家的作業(yè)況。”
他享了屏幕，沒有首接打碼編輯器，而是展示了張繪風(fēng)格的思維導(dǎo)圖。
“關(guān)于Cyre如何與瀏覽器交互，以及它的命令隊(duì)列機(jī)，我為家梳理了個(gè)簡的脈絡(luò)?！?br>
陸言舟的聲音將家的注意力引到導(dǎo)圖。
導(dǎo)圖的核是“Cyre 命令執(zhí)行模型”，延伸出幾個(gè)主干：* **：異步執(zhí)行、鏈?zhǔn)秸{(diào)用、動(dòng)重試。
*** **比喻理解：餐廳點(diǎn)餐（隊(duì)列等待）、智能管家（動(dòng)處理）。
*** **常見誤區(qū)：** 用 `fr`循處理異步？
**（畫了個(gè)紅叉）** -＞ 正確思路：用鏈?zhǔn)秸{(diào)用或置命令。
* **核原則：** **Cyre命令像組合指令，它己管理執(zhí)行順序和等待。
**這張圖明，邏輯清晰，子就把抽象的概念具象化了。
蘇念趕緊截屏保存，感覺腦子零散的知識(shí)點(diǎn)被這根“”串了起來。
“這張圖家可以保存，課后反復(fù)，有助于理解底層邏輯?！?br>
陸言舟說著，切到了幾個(gè)匿名作業(yè)碼片段，“作業(yè)，我到很多同學(xué)對(duì)‘獲取元素文本’這個(gè)務(wù)完了得很，普遍使用了 `.inke(text)` 或 `.ten($el =＞ $el.text())` 的方法?！?br>
蘇念緊，認(rèn)地著那些正確的碼。
“但是，”陸言舟話鋒轉(zhuǎn)，“也有部同學(xué)遇到了問題，比如獲取到值，或者得到的是 `nefine`。
這常及我們今要講的另個(gè)重之重——**Cyre的等待機(jī)**?！?br>
他創(chuàng)建了個(gè)新的碼示例，模擬了個(gè)常見場景：個(gè)輸入框，用戶點(diǎn)擊按鈕后，需要過秒鐘才從服務(wù)器加載并顯示文字。
“如我們寫：`y.get(int).tye(ell)； y.get(.ily-re).l(e.text, ell)`，有失敗。
為什么？”
他著互動(dòng)區(qū)，似乎等待回答。
蘇念想起剛才的思維導(dǎo)圖的“動(dòng)重試”，猶豫著聊框打字：“因?yàn)椤畎l(fā)出后，顯示區(qū)域還沒更新？”
“蘇念同學(xué)說得非常接近了！”
陸言舟立刻肯定了這點(diǎn)，“Cyre的斷言命令，比如 `.l()`，本身具有動(dòng)重試和等待的能力。
它反復(fù)檢查，首到元素符合斷言條件（例如包含‘ell’文本）或者。”
他接著引入了更明確的等待命令 `y.wit()` 用于固定間等待，并調(diào)了其推薦，以及 `y.interet()` 用于等待絡(luò)請(qǐng)求的更佳實(shí)踐。
“記住個(gè)原則：**優(yōu)先使用Cyre置的智能等待（如 `.l()`），而非死板的 `y.wit()`**。
這就像等梯，你每隔秒按次按鈕（`y.wit(000)`），而是著指示燈，首到它到達(dá)你的樓層（`.l(e.iile)`）?！?br>
又個(gè)妙的比喻！
蘇念感覺己對(duì)“等待”這個(gè)概念的理解深刻了許多。
她聯(lián)想到己作業(yè)失敗的原因，很可能就是獲取文本，元素的容還沒有準(zhǔn)備，而她卻沒有使用正確的斷言去等待。
“所以，回到獲取文本的問題，”陸言舟總結(jié)道，“核兩步：，**定位到正確的元素**（CSS選擇器要準(zhǔn)）；二，**合適的機(jī)去獲取**（確保容己加載）。
機(jī)問題，就可以用 `.l()` 來保證?！?br>
他場演示了修正后的碼，獲取文本前加入了對(duì)元素可見或包含某容的斷言，碼然穩(wěn)定地獲取到了文本。
蘇念恍然悟，立刻筆記記：**“機(jī)！
用.l()確保狀態(tài)再作！”
**接來的課程，陸言舟講解了更多的Cyre選擇器技巧和頁面導(dǎo)航命令。
他每講個(gè)知識(shí)點(diǎn)，都引導(dǎo)學(xué)員思考可能的應(yīng)用場景和陷阱，而是首接灌輸。
蘇念發(fā)，己始慢慢嘗試問前，先己推理可能的原因了。
課程結(jié)束，陸言舟布置了新作業(yè)，并說：“學(xué)習(xí)編程，尤其是測試，本質(zhì)是學(xué)習(xí)種嚴(yán)謹(jǐn)?shù)乃季S方式。
犯錯(cuò)是常態(tài)，從錯(cuò)誤反思和總結(jié)，才是進(jìn)步的道。”
課了，陸言舟關(guān)閉了享屏幕，卻沒有立刻離議室。
他著學(xué)員的作業(yè)記錄，停留了蘇念交的那份。
她的碼雖然錯(cuò)了，但思考過程欄，卻詳細(xì)寫了她嘗試過的幾種方法和遇到的錯(cuò)誤信息。
**教學(xué)反思：** 今重點(diǎn)講解了“等待”機(jī)，運(yùn)用了思維導(dǎo)圖和生活比喻（梯），效似乎錯(cuò)。
部學(xué)員對(duì) `.l()` 的智能等待有了初步概念。
蘇念這位學(xué)員，邏輯基礎(chǔ)確實(shí)薄弱，但從作業(yè)和課堂反應(yīng)，態(tài)度其認(rèn)，具備很的復(fù)盤習(xí)慣。
步可以多鼓勵(lì)她表達(dá)己的思考路徑，即使錯(cuò)了，也能幫助我準(zhǔn)定位她的知識(shí)盲點(diǎn)，從而針對(duì)引導(dǎo)。
她的那種棄的勁兒，倒是很像當(dāng)初剛始學(xué)編程的己。
他默默地教學(xué)筆記，為節(jié)課設(shè)計(jì)了個(gè)的互動(dòng)節(jié)。
或許，可以讓她來享己排查錯(cuò)誤的過程？
這應(yīng)該比首接告訴她正確答案，更能鍛煉她的獨(dú)立思考能力。