© 2025. All rights reserved.

Lighthouse Metrics：以使用者為出發點來探討效能的指標

07 Sep 2020

本文說明 Lighthouse 以使用者為出發點來探討效能的指標。

Lighthouse RAIL Web Vitals 效能調校 Core Web Vitals

整合 Jenkins 來自動做前端效能測試

27 Aug 2020

本文會從基本的 Jenkins 安裝、設定開始，然後再說明如何整合 Jenkins 來自動做前端效能測試。

Jenkins CI/CD 自動化測試吃什麼

單一職責原則（Single Responsibility Principle） | Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇閱讀筆記

26 Aug 2020

本文為「Clean Architecture 無瑕的程式碼：整潔的軟體設計與架構篇」第 7 章「單一職責原則」的閱讀筆記。

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

利用 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

≪較新文章較舊文章≫