-
Redux Toolkit (RTK) 簡化狀態管理
ReactNotes • React • Redux在 Redux Toolkit 出現前，使用 Redux 頻繁操作 state 是一件相對麻煩的事情，而 Redux Toolkit 的出現簡化了重複性流程，也提供了一些 API 減少重複性質的程式碼。
-
React 開發上的小技巧
ReactNotes • React平時在撰寫 React 最常做的動作不外乎就是建立元件、匯入 Hook 或其他 lib，本篇分享幾個快捷鍵加快開發的小技巧，另外也會提到幾個快捷鍵重寫變數、快速調整程式碼排版等等。
-
貫穿所有軟體開發的 SOLID 原則
Clean Code心得 • OOP • SOLIDSOLID 是一組通用的軟體設計原則，當系統規模不斷擴大時，維護和擴充的工作會越來越困難，而 SOLID 能引導開發者設計更靈活、更易於維護與擴充的軟體架構。
-
前端效能優化(2) - Throttle
JavaScriptNotes • JavaScript • FrontendThrottle 也是一種常見的效能優化方式，與 Debounce 類似，但不同的地方在 Throttle 能確保一個函式在一段時間內只會觸發一次，無論該函式被呼叫幾次。
-
前端效能優化(1) - Debounce
JavaScriptNotes • JavaScript • FrontendDebounce 是一種常見的效能優化方式，主要用於限制高頻事件的觸發次數，例如：當你使用 Google 搜尋某個關鍵字，它並不會在你輸入過程不斷搜尋，而是當你停下輸入後才去做搜尋的動作。
-
使用 Astro+Tailwind 實現 Dark mode
AstroNotes • Blog紀錄如何使用 Astro+Tailwind 來實現 Dark mode 功能，並將狀態儲存在 localStorage，每次進入時檢查 localStorage 的 theme 來切換 mode。
-
關於我重構部落格這檔事
Astro心得 • Blog自從去年2023年12月開始就已經在想著重構這件事，但當時當兵結束又忙著應付面試，實在空不出時間，直到現在花了一個禮拜的時間終於寫完了，對於成品我也十分滿意。
-
淺談 JavaScript 單執行緒語言如何做到異步運算
JavaScriptNotes • JavaScript • AsynchronousJavaScript 是單執行緒語言，照理來說應該一次只能做一件事情，但他卻能做到非同步進程，不讓程式被 blocked，這要歸功於 Event Loop，但 Event Loop 並不存在語言本身，而是由 runtime 來實現。