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 ...
Git推送後想撤回修改：用revert保留共享提交紀錄
已推送到共用分支的修改出錯，想撤回時，先找到造成問題的那筆提交。Git revert會留下原提交，再新增一筆反向修改，適合需要保留共享紀錄的情況。下面用主視覺與...
MySQL LEFT JOIN少了資料：右表條件放ON還是WHERE
會員列表原本有三個人，接上訂單表後只剩一個。SQL明明寫了 LEFT JOIN，為什麼沒訂單的會員還是消失？先看右表條件寫在哪裡。若先接上所有訂單，再用 WHE...
Laravel表單欄位沒存到？分清fillable、驗證與直接賦值
會員編輯姓名的表單只露出一個輸入框，後端卻可能收到其他欄位。瀏覽器沒有顯示 is_admin，不代表請求裡不能加上它。另一種常見情況恰好相反：表單新增了電話，驗...
Git提交了私密設定怎麼止損：分清移除追蹤與撤換憑證
密碼或 token 不小心進了 Git，刪掉設定檔、加上 .gitignore，再提交一次，就能當作處理完嗎？不能。新提交可以停止往後追蹤，舊提交仍可能留下原內...