Debounce 是一種常見的效能優化方式，主要用於限制高頻事件的觸發次數，例如：當你使用 Google 搜尋某個關鍵字，它並不會在你輸入過程不斷搜尋，而是當你停下輸入後才去做搜尋的動作。

紀錄如何使用 Astro+Tailwind 來實現 Dark mode 功能，並將狀態儲存在 localStorage，每次進入時檢查 localStorage 的 theme 來切換 mode。

自從去年2023年12月開始就已經在想著重構這件事，但當時當兵結束又忙著應付面試，實在空不出時間，直到現在花了一個禮拜的時間終於寫完了，對於成品我也十分滿意。

JavaScript 是單執行緒語言，照理來說應該一次只能做一件事情，但他卻能做到非同步進程，不讓程式被 blocked，這要歸功於 Event Loop，但 Event Loop 並不存在語言本身，而是由 runtime 來實現。

本篇主要整理過去當助教期間碰過的詢問以及個人也曾犯過的錯，標籤語意化、標題標籤順序性、h1標籤的唯一性、列表標籤的正確使用方式、你所忽略的 alt 屬性、type 屬性的重要、寫好 head 標籤

動態規劃 (Dynamic Programming) 簡稱DP，屬於 Divide-and-conquer 的延伸，主要可以將原問題分解為相較簡單的子問題，再通過子問題的解求出複雜問題的方法

其實CSS階層在瀏覽器上會影響效能，但因為現今電腦性能極佳，電腦跑起來可能沒有明顯差異，就算對於電腦影響看似不大，也會衍伸出程式上的管理問題

在 CSS 中經常會遇到需要覆蓋樣式的情況，這通常涉及到 CSS 的權重問題。當多個 CSS 使用在同一個元素並且產生衝突時，就會根據權重來決定最終的樣式為何

演算法的目的在於改善一個東西或問題，並在從問題中找出現有最好的辦法，一個好的演算法可以節省許多時間與記憶體空間，而程式在執行時所佔用的記憶體空間也會反映出執行所需要的時間，因此才需要效能分析，但其實也不用要求的非常精準，只需要一個最後結果可符合需求且大家都能夠接受的就行了