HTML數字欄位輸入1.5卻無效：step怎麼設定
數量欄位用了input type=number，使用者輸入1.5，瀏覽器卻說不是有效值。既然是數字欄位，為什麼小數不行？常見原因是step：number欄位預設...
篩選後結果變了卻沒提示：用status回報數量
模板列表選了「作品集」，卡片數量確實變少，鍵盤焦點卻仍停在篩選按鈕上。畫面沒有其他文字提示時，使用者可能不知道篩選是否成功，還是資料仍在載入。除了改變卡片，提供...
Next.js redirect沒跳頁：別把導向例外吞進catch
儲存完資料後呼叫 redirect('/done')，頁面卻沒有移動，反而在日誌看到 NEXT_REDIRECT。若程式把整段儲存與導向包在...
Vue watch沒看到陣列變動：分清替換與深層監聽
清單畫面已經多了一筆資料，放在 watch 裡的儲存或提示邏輯卻沒有執行。這通常不是 Vue 沒有更新，而是畫面和 watcher 觀察的變動範圍不同。把整個陣...
CSS樣式一直蓋不掉：用where降低基礎選擇器權重
模板原本的卡片標題是藍色，你在後面加上紅色規則，畫面卻還是藍色。先別急著補!important：後寫的規則不一定會贏，選擇器的權重也會影響結果。若你正在製作可被...
減少動態偏好怎麼處理：保留內容與操作的CSS做法
商品卡滑入、背景持續漂浮、按鈕點下去再放大，單看每個效果都不算誇張，放在同一頁卻可能讓人不舒服。有些使用者已在作業系統設定減少動態，網站可以透過prefers-...
Linux日誌輪替後tail沒更新：分清-f與-F
網站出錯時開著tail -f看日誌，畫面卻突然沒有新行；稍後打開app.log，又發現紀錄其實一直在增加。先別急著重啟網站。日誌可能已經輪替，眼前的tail還跟...
圖示按鈕只有放大鏡？補上可存取名稱讓人找得到
搜尋按鈕只放一個放大鏡，視覺上很好認。但如果按鈕裡只有被隱藏的SVG，瀏覽器的無障礙資訊可能只剩「按鈕」，沒有告訴人它做什麼。頁面有數個相同圖示時，使用者更難區...
網址中的加號變空白：用URLSearchParams保留C++
搜尋框輸入「C++」，結果頁卻顯示「C 」。網址看起來也有兩個加號，為什麼程式讀出來就變成空白？問題常出在把使用者的值直接接進 query string：URL...
HTML表單欄位沒送出？分清disabled與readonly
報價表上的客戶編號明明看得到，送到後端卻沒有這個欄位。把驗證規則改了幾次，仍然收到「編號必填」。這時先看表單怎麼組成送出的資料：欄位若設成 disabled，瀏...
Next.js改了環境變數還是舊值：NEXT_PUBLIC在建置時固定
Next.js網站換了API網址，容器裡也能讀到新環境變數，瀏覽器卻繼續送往舊網址。先確認程式讀的是不是 NEXT_PUBLIC_ 開頭的值。這類變數在直接引用...
Vue解構後畫面不更新：reactive欄位用toRefs保留連動
Vue頁面上有數量與總價。按下加一後，數量在資料物件裡已經改變，畫面上的某個數字卻還停在原值。若你曾把 reactive() 的欄位解構出來，例如 const ...