使用 NPM 腳本建立 Hugo 文章
前提 基礎知識：NPM, Hugo, JavaScript, shell script 預先安裝 VS Code, NPM CLI, Hugo CLI 前言 使用 Hugo CLI 建立文章對我而言是一項繁瑣的工作。因為我總是使用文章樣板（archetype）...
Developer
Effective Javascript
Item 01 - 知道你所用的是哪個 JavaScript 永不串接 strict 檔案與 nonstrict 檔案 藉由將它們的主題包覆在即刻調用的函式運算式（IIFE）中來串接檔案 小心地撰寫你的檔案，讓它們...
[筆記] 以狀態機實作多階段表單
基礎知識： Vue、TypeScript、XState、vee-validate、zod 初步構想 時常看到「多階段」的表單流程，也就是會將一個本...
[考察] 有限狀態機
TypeScript 提供型別檢查；XState 則控制流程邏輯檢查 1 有限狀態機 Finite-state machine Atomics Necessary Parts In A Machine id: machine identifier initial: initial state context object: local context for entire machine states object: state definitions Optional Parts In A Machine actions: the mapping of action names to their implementation delays: the...
[Hugo] 用 GitHub Actions 將 Hugo 網站部署至 Vercel
必備知識：Hugo、shell、npm、git 前言 原本部落格是部署在 GitHub 自家提供的靜態網頁 GitHub Page 上，但因為 GitHub 對於免費帳號的限制（給你免費用還嫌東...
[CSS] Tailwind 主題色的切換
必備知識：CSS、HTML、JS、React 前言 Tailwind 提供了深色模式（Dark Mode），可以自行設定深色模式時的樣式，只要在 CSS class 前面加上 dark: 關鍵...
初探多執行緒實作模式
前言 本篇是略讀「Multithreaded JavaScript」這本書第六章：「多執行緒實作模式」（Multithreaded Pattern...
E2E 測試導向的開發流程
某天，我們從設計師那裡拿到了設計圖 於是我們開始切版，跟往常一樣，主要注重在畫面的樣式與互動上，此時並不會考慮到 E2E 測試 若開發期間，很幸運地拿到...
[筆記] ASP.NET MVC5 - Ch.13 Web API 2
Web Service Web Service 架構出一種平台中立的網路服務，讓應用程式可以透過 URL 指向網際網路任何一台服務器所提供的服務 主要角色共有三種：提供者（provider）...
行動裝置上 100vh 的奇怪行爲
前言 最近遇到一個手機瀏覽器上，在某個特定排版會發生高度有誤的問題 進而發現手機瀏覽器的特殊行爲 查了一下資料，發現這個問題已經存在許久，也有不少...