傑森前端/後端/雲端

SOLID 設計模式

SOLID 設計模式 SOLID 設計原則是物件導向設計中的五個基本原則，它們幫助我們建立靈活、可維護且擴展性高的軟體系統。本文將逐一介紹 SOLID 原則，並通過反例與正例來演示如何應用這些原則。

Canvas 04 矩形

常用矩形繪製方法 在這篇文章中，我們將介紹 Canvas 繪製矩形的三個常用方法，並提供一個簡單的範例來展示它們的使用。這些方法包括繪製填充矩形、繪製矩形的邊框以及清除指定區域的矩形。 矩形繪製方法

Cypress 04 導航

在這篇文章中，我將介紹如何使用 Cypress 來測試網頁的導航行為。Cypress 是一個強大的前端測試工具，能夠輕鬆地模擬用戶行為並驗證網頁的運作是否符合預期。在這個範例中，我們將展示如何使用 C

Cypress 03 第一個測試 demo

接著上一單元我們把專案成功啟動後，來做一個小小 demo 吧！ 情境：從 GitHub 首頁正確導轉到登入頁面 啟動 Cypress 頁面 - `npm run cypress:open` - 選擇

Cypress 02 安裝

以下是安裝 Cypress 以及相關工具的步驟說明，從環境設置到打開 Cypress 操作介面。 官網連結 1. 安裝 VS Code 前往 VS Code 官方下載頁面，選擇適合你作業系統的版本進

Canvas 02 常見的繪製樣式方法

Canvas 提供了一個靈活的繪圖環境，讓我們可以在網頁上繪製各種圖形和動畫。本章將介紹 Canvas 中常用的繪製方法。 畫布與座標系統 - 畫布：`<canvas - 座標系：畫布的原點（