載入效能:指標、測量、優化與監控

這篇文章會分享 Google 制定的 Web Vitals 效能指標與使用者體驗的關係與實際應用、如何在專案中利用模擬與實地的方式測量與監控,以及如何優化專案以提升效能與使用者體驗。

載入效能 效能調校 Web Vitals 效能監控 Lighthouse


Translate and Sync to Repo:利用自動翻譯工具實現《前端測試指南》英文版

感謝科技的進步,讓我能夠借助工具來進行翻譯,最近實作了一個小工具 Translate and Sync to Repo,協助自動翻譯中文稿。

GitHub Actions i18n AI 前端測試指南:策略與實踐 Frontend Testing Guide Strategies and Practices


關於這本書《前端測試指南:策略與實踐》(Frontend Testing Guide: Strategies and Practices)

在前端領域,快節奏且不斷革新的開發環境下,如何能在迅速產出的同時保持高品質的程式碼成為一大挑戰,因此「測試」變得十分重要。選擇何種測試方式、如何撰寫和執行測試成為開發者必須深思的議題。缺乏測試的程式碼難以確保品質,而解決這個問題的關鍵在於建立適當的測試策略。因此想藉由這本書來分享我在前端測試領域所積累的實務經驗,希望能對大家有所啟發和幫助。

front end testing Frontend Testing Guide Strategies and Practices 前端測試指南:策略與實踐 單元測試 團隊合作


在組織中推行單元測試 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 在組織中推行單元測試 (The Art of Unit Testing, 3e - Integrating unit testing into the organization) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing team work 單元測試


規劃測試策略 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 規劃測試策略 (The Art of Unit Testing, 3e - Developing a testing strategy) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing front-end architecture team work


隔離框架 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 隔離框架 (The Art of Unit Testing, 3e - Isolation Frameworks) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing Jest TypeScript


利用模擬物件進行互動測試 | 單元測試的藝術 第 3 版 | 閱讀筆記

「單元測試的藝術」讀書會 - 利用模擬物件進行互動測試 (The Art of Unit Testing, 3e - Interaction Testing Using Mock Objects) 閱讀筆記。

The Art of Unit Testing Unit Test front end testing Jest 單元測試