HTML按鈕放進表單就跳頁：先設定正確type
聯絡表單裡新增一個「查看說明」按鈕，點下去卻重新載入頁面，甚至把還沒填好的資料送出去。先看按鈕的 type，再查腳本。一般與表單關聯的 button，如果沒有明...
Next.js表單狀態一直顯示送出中：用pending提示與重試
訪客按送出，按鈕變成「送出中」，等了很久卻無法再按。先看請求是不是還在等待，還是已經回錯誤而畫面沒解除狀態。兩種原因的修法不同；把按鈕重新打開，只解決了表面操作...
Next.js圖片元件拒絕外部圖片：remotePatterns怎麼對網址
外部圖片直接打開有圖，放進 Next.js 的 Image 元件卻報「hostname is not configured」。先抄下出錯的完整 src，再與 r...
Next.js重新整理和站內切換結果不同：找出讀取狀態的位置
Next.js 列表切換後，網址已經是 ?q=shop，搜尋標題卻還寫 blog；按一下瀏覽器重新整理，標題又正常了。這種差異不一定是快取，也不一定是 Link...
Vue搜尋結果晚回來蓋掉新結果：取消舊請求
搜尋框已改成新字詞，畫面卻突然跳回舊結果。請求發出得早，不代表一定先回來；舊請求較慢、新請求較快，若兩個回應都直接寫入同一份結果，最後完成的舊請求就會蓋掉新內容...
Vue列表刪掉一行後輸入內容跑位：key不能隨便用索引
列表第二行的備註明明填好了，刪掉第一行後，備註卻出現在另一筆資料旁邊。先看每行的key：如果使用陣列索引，刪除或排序後，同一個位置就可能代表不同資料，元件裡的輸...
Laravel送出同一表單兩次：讓資料庫唯一條件擋重複
訪客連按兩次送出，資料表多了兩筆相同詢問。把按鈕停用能減少誤按，但請求也可能被重試，或從另一個視窗送來。若產品要求同一次提交只保存一筆，資料庫需要有能識別這次提...
Laravel列表每頁都查很多次資料：找出關聯N+1
列表只有十幾筆資料，資料庫卻被查了幾十次。常見原因是先取得文章，再在每一列讀作者、分類或其他關聯；畫面看起來只是在印一個名稱，實際上卻可能每次都發出新的 SQL...
Laravel表單更新到別人的資料：用Policy核資源所有權
使用者只能看到自己的編輯按鈕，卻把網址裡的文章編號換掉，就能修改別人的文章。問題不在按鈕藏得不夠好，而是伺服器收到更新請求後，沒有確認這筆資料是否允許由目前使用...
長網址把文章撐出螢幕：區分overflow-wrap與word-break
文章裡貼了一條長網址，閱讀區卻被它撐出螢幕。先分清是文字沒有可用斷點，還是容器本身寫死寬度；兩種原因看起來相似，修改位置不同。 要讓讀者看完整網址，通常不必截成...
網站格線縮到平板就擠成一團：用minmax控制卡片寬度
三張卡片明明都設成1fr，縮窄閱讀區後卻變成一張很寬、另外兩張被擠小。先不要增加gap，也不要直接把字縮到看不清楚；欄位可能被其中一張卡片的內容最小寬度撐住。 ...
下載檔名亂碼怎麼查：核Content-Disposition與UTF-8
網站上的下載連結寫「模板檢查表」，存到電腦後卻變成一串百分比編碼，或只剩download.csv。先別重新壓縮整包檔案：瀏覽器採用的檔名，可能來自下載回應的Co...