在使用 CSS 選擇器時，:nth-of-type 和 :nth-child 的行為很容易混淆，而且 :nth-of-type 無法配合 class selector 使用，這篇整理兩者的差異和解決方案。

有時候在畫面上看到一段 HTML 明明只寫了一個 p，但開發者工具打開卻變成兩段，排版還會莫名多出空白。這類問題很多時候不是 CSS，而是 HTML 結構本身就不合法。

父flex
子height:100%;
竟然不會延展
不過flex
好像不用設定height:100%就會延展(default:stretch)

今天無聊試著用array比較
發現竟然var_dump東西竟然是true

依我印象中Java、JavaScript都不能直接做array比較
但是php竟然可以….
太神奇了

現在工作每天都要寫工作進度
有時候小小一個動作
可以省很多時間做調整

這個bat是網路找的…

PHP 的 basename() 函式用來從路徑字串中取出檔名部分，第二個參數可以去掉指定的副檔名。這個函式看起來簡單，但實際使用時有幾個地方容易踩雷。

flex-direction: column/column-reverse row row-reverse (預設row)

flex-wrap: wrap nowrap wrap-reverse (default: nowrap)

常忘記有wrap-reverse
Flexbox Froggy - A game for learning CSS flexbox
最後一關會用到他(我卡很久在那邊)

在使用 IntelliJ IDEA 開發 Java 專案時，有時會遇到按下 Ctrl + 左鍵（Go to Declaration）卻出現 「Cannot find declaration to go to」 的錯誤，導致無法跳到類別或方法的定義。

IntelliJ IDEA 預設開啟自動存檔功能，在閒置一段時間或切換到其他應用程式時會自動儲存所有變更。雖然這對大多數情境很方便，但在某些場景下（如直接修改 production 設定檔，或不想讓 Git 看到 dirty state）可能造成困擾。

有一次我把本地已經開發一段時間的專案推到新建的 GitLab 遠端儲存庫，結果第一個 push 就撞到 fatal: refusing to merge unrelated histories。這個錯誤不難解，但如果當下不理解原因，很容易會誤以為是遠端權限、分支名稱或 pull/push 順序出了問題。