Tags

JavaScript (7) Vue (2) Markdown (1) VuePress (2) utterances (1) Google Sheets (1) JSON (1) CSS (4) Intersection Observer (2) Apple Pay (1) 雜記 (1) 旅遊 (1) 日本 (1) 大阪 (1) 奈良 (1) SVG (1) vite-plugin-vue2-svg (1) Google Pay (1)

2024

Aug 06
JavaScript, Google Pay
Google Pay on Web
TapPay & 藍新金流的 Google Pay 串接紀錄
Aug 05
JavaScript, Apple Pay
Apple Pay on Web
TapPay & 藍新金流的 Apple Pay 串接紀錄

2023

Nov 07
雜記, 旅遊, 日本, 大阪, 奈良
11/3 ~ 11/7 大阪(+奈良)紀錄
睽違 5 年的日本，超級わくわく！
Jan 12
CSS, SVG, vite-plugin-vue2-svg
關於怎麼用 SVG Icon 的研究紀錄
想要優雅的使用 SVG Icon 🥹

2022

Oct 24
JavaScript, Intersection Observer
Intersection Observer 踩雷紀錄
當 Intersection Observer root element 有 padding 時，在不同瀏覽器上觀察範圍會有預期外的行為

2021

Oct 15
CSS
用 CSS Border 做三角形
之前只會做等腰三角，長知識記錄一下
Sep 24
CSS
外間距折疊 (Collapsing margins) 筆記
有時候會發生 margin-top 失效，以為遇到什麼 bug
Sep 23
JavaScript, Intersection Observer
Intersection Observer 筆記
Intersection Observer API 可觀察目標元素 (target) 與其根層 (root) 或瀏覽器 (viewport) 的交互狀態，當目標元素進入/離開設定的條件時就呼叫 callback
Sep 16
JavaScript, Vue, VuePress, utterances
用 utterances 簡單快速的幫 blog 加上留言功能
utterance 是一個基於 Github issues 構建的輕量級評論小工具。
Sep 07
CSS
position:sticky;
工作上用到「黏性定位」，紀錄一下
Aug 25
JavaScript, Google Sheets, JSON
用 Google 試算表當簡易資料庫
紀錄一下用 Google 試算表當成資料庫並且變成API來使用這件事
Aug 17
JavaScript, Vue, Markdown, VuePress
第一篇文章
這是第一篇，毫無意義的嘗試語法而已。