PinnedReact Hooks 總整理筆記學習 React Hooks 時整理的一些筆記，內容涵蓋到所有常用的Hook使用教學及開發上可以注意可能踩雷的地方。May 2, 2022May 2, 2022
[前端優化系列]Web Vitals優化方法懶人包這篇文章介紹了Web Vitals、測量方式以及優化方法，其中優化方法會隨著作者自身實務經驗及研究持續更新，希望可以成為優化效能用的懶人包，在開發功能時作為提醒自己會影響效能的注意事項，要優化網站時也方便回來找實作的方向。Nov 14, 2021Nov 14, 2021
Prerender.io如何幫助CSR的SEO — 原理介紹與使用教學Client-Side Rendering (CSR) Single Page Application (SPA)…Nov 7, 2021Nov 7, 2021
[前端優化系列] 使用async, defer屬性加速網頁載入時間這兩個屬性讓載入頁面時可以更早開始下載script同時解析HTML，算是一個小小舉手之勞就可以加速網頁載入時間的方法喔！Nov 4, 2021Nov 4, 2021
[Javascript] 深入了解事件迴圈(Event Loop)，Macrotask跟Microtask是什麼？雖然Javascript是單一執行緒(Single Thread)的程式語言，同一時間只能執行一項任務，但因為擁有事件迴圈(Event Loop)這個機制讓他有能力以非同步的方式同時處理多項任務，這篇文章將會深入解釋事件迴圈，幫助開發者更清楚自己寫出的程式碼是如何在底層運作。Jun 14, 2021Jun 14, 2021
[JavaScript] Mutable vs Immutable Objects介紹JavaScript中很重要的觀念 Mutable 及 Immutable Objects，並以範例解釋他們的差別。Nov 21, 2020Nov 21, 2020
![[前端優化系列]Web Vitals優化方法懶人包](https://miro.medium.com/v2/resize:fill:160:106/1*rQJuQmQ92zcJsUhcUrbj0w.jpeg)
![[前端優化系列]Web Vitals優化方法懶人包](https://miro.medium.com/v2/resize:fill:320:214/1*rQJuQmQ92zcJsUhcUrbj0w.jpeg)
![[前端優化系列] 使用async, defer屬性加速網頁載入時間](https://miro.medium.com/v2/resize:fill:160:106/1*59YuPn1DqBKpnfb9RWvv5g.png)
![[前端優化系列] 使用async, defer屬性加速網頁載入時間](https://miro.medium.com/v2/resize:fill:320:214/1*59YuPn1DqBKpnfb9RWvv5g.png)
![[Javascript] 深入了解事件迴圈(Event Loop)，Macrotask跟Microtask是什麼？](https://miro.medium.com/v2/resize:fill:160:106/1*-QcXDhD9TnN7CcnYAV8Lxw.png)
![[Javascript] 深入了解事件迴圈(Event Loop)，Macrotask跟Microtask是什麼？](https://miro.medium.com/v2/resize:fill:320:214/1*-QcXDhD9TnN7CcnYAV8Lxw.png)
![[JavaScript] Mutable vs Immutable Objects](https://miro.medium.com/v2/resize:fill:160:106/1*57CzobNoUrk3dD_MPW291A.jpeg)
![[JavaScript] Mutable vs Immutable Objects](https://miro.medium.com/v2/resize:fill:320:214/1*57CzobNoUrk3dD_MPW291A.jpeg)
