使用 NPM 腳本建立 Hugo 文章

前提 基礎知識:NPM, Hugo, JavaScript, shell script 預先安裝 VS Code, NPM CLI, Hugo CLI 前言 使用 Hugo CLI 建立文章對我而言是一項繁瑣的工作。因為我總是使用文章樣板(archetype)...

Mar 11, 2024 發布 · Dec 1, 2024 更新 · 2 分鐘 · 犬山 祈

Effective Javascript

Item 01 - 知道你所用的是哪個 JavaScript 永不串接 strict 檔案與 nonstrict 檔案 藉由將它們的主題包覆在即刻調用的函式運算式(IIFE)中來串接檔案 小心地撰寫你的檔案,讓它們...

Nov 26, 2023 發布 · Dec 1, 2024 更新 · 1 分鐘 · 犬山 祈

[筆記] 以狀態機實作多階段表單

基礎知識: Vue、TypeScript、XState、vee-validate、zod 初步構想 時常看到「多階段」的表單流程,也就是會將一個本...

Oct 1, 2023 發布 · Dec 1, 2024 更新 · 5 分鐘 · 犬山 祈

Programming Terminology

Noun en zh-tw zh-cn ja es z absolute path 絕對路徑 絶対パス accessor 取出器 arrow function 箭頭函式 アロー関数 attribute 屬性 属性 auto complete 自動補完 back quote バッククォート boolean 布林值 布爾 真偽値 bubble sort 泡沫排序 バブル...

Aug 7, 2023 發布 · Dec 1, 2024 更新 · 2 分鐘 · 犬山 祈

初探多執行緒實作模式

前言 本篇是略讀「Multithreaded JavaScript」這本書第六章:「多執行緒實作模式」(Multithreaded Pattern...

Sep 25, 2022 發布 · Dec 1, 2024 更新 · 5 分鐘 · 犬山 祈

E2E 測試導向的開發流程

某天,我們從設計師那裡拿到了設計圖 於是我們開始切版,跟往常一樣,主要注重在畫面的樣式與互動上,此時並不會考慮到 E2E 測試 若開發期間,很幸運地拿到...

Aug 28, 2022 發布 · Dec 1, 2024 更新 · 6 分鐘 · 犬山 祈

[筆記] ASP.NET MVC5 - Ch.13 Web API 2

Web Service Web Service 架構出一種平台中立的網路服務,讓應用程式可以透過 URL 指向網際網路任何一台服務器所提供的服務 主要角色共有三種:提供者(provider)...

Jul 24, 2022 發布 · Dec 1, 2024 更新 · 3 分鐘 · 犬山 祈
viewport

行動裝置上 100vh 的奇怪行爲

前言 最近遇到一個手機瀏覽器上,在某個特定排版會發生高度有誤的問題 進而發現手機瀏覽器的特殊行爲 查了一下資料,發現這個問題已經存在許久,也有不少...

Jul 17, 2022 發布 · Dec 1, 2024 更新 · 5 分鐘 · 犬山 祈

[筆記] ASP.NET MVC5 - Ch.8 View

MVC 中的 View 就與前端密切相關,這個章節要來介紹 ASP.NET MVC 中的 View 透過樣板引擎(template engine),將轉換成 HTML 的頁面,回傳給瀏覽器供顯示 View 的類...

Jun 9, 2022 發布 · Dec 1, 2024 更新 · 4 分鐘 · 犬山 祈

[筆記] ASP.NET MVC5 - Ch.6 Controller

前一章介紹了 Routing,它最重要的工作有兩個: 找到要執行的 Controller 找到那個 Controller 裡的要執行的 Action 一般我們會說是 Controller 與 Model 互動,但更精確來說是 Controller 裡的 Action 與 Model...

May 26, 2022 發布 · Dec 1, 2024 更新 · 10 分鐘 · 犬山 祈