© 2026. All rights reserved.

利用 Lighthouse 與 Puppeteer 對全站網頁做效能檢測並產生報表

21 Aug 2020

本文主要是記錄如何在專案中簡易下指令來自動執行 Lighthouse 與 Puppeteer 做全站網頁的效能檢測、產生報表與其目錄。

Lighthouse Puppeteer End-to-End Testing 端對端測試 lighthouse-cli

SOLID | Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇閱讀筆記

04 Aug 2020

SOLID 是物件導向設計的五個原則，實踐 SOLID 原則的目的是希望能有效應對改變。SOLID 有 SRP、OCP、LSP、ISP、DIP。

Clean Architecture 無瑕的程式碼 Clean Code OOP 物件導向程式設計閱讀筆記

JavaScript 常用編碼、解碼

24 Jul 2020

常用的 UTF-8 之 encodeURI 與 decodeURI、encodeURIComponent 與 decodeURIComponent 和 Base64 之 btoa 與 atob。

UTF-8 encode decode base-64 編碼解碼 javascript

去除 try/catch，實作簡潔的 Async 和 Await！

22 Jul 2020

Async 和 Await 提供一種語法糖來撰寫非同步程式碼而看起來很像是同步的樣子，而在這之前若想實作非同步都是使用 callback 或 promise 的方式，產生的問題不外乎是難以閱讀的 callback hell。但，用了 Async 和 Await 就真的能讓程式碼更精簡流暢嗎？ ( •́ _ •̀)？

promise async await ES6 javascript

函數式程式設計 | Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇閱讀筆記

06 Jul 2020

本文為「Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇」第 6 章「函數式程式設計」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code functional programming 閱讀筆記

物件導向程式設計 | Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇閱讀筆記

22 Jun 2020

本文為「Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇」第 5 章「物件導向程式設計」的閱讀筆記。

Clean Architecture 無瑕的程式碼 Clean Code OOP 物件導向程式設計閱讀筆記

使用 Jest 對 Redux 做單元測試 - Reducer 篇

16 Apr 2020

使用 Jest 對 Redux 的 reducer 做單元測試的簡單記錄。

Jest redux Unit Test 單元測試自動化測試

≪較新文章較舊文章≫