© 2025. All rights reserved.

利用 Perfume.js 與 Google Analytics 來做 Real User Monitoring

22 Sep 2020

利用 Perfume.js 與 Google Analytics 來做 Real User Monitoring。

效能調校 Perfume.js Google Analytics Loading Performance 加載效能

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

≪較新文章較舊文章≫