Tags

JavaScript (7) Google Sheets (1) JSON (1) Vue (2) Markdown (1) VuePress (2) utterances (1) CSS (4) Intersection Observer (2) SVG (1) vite-plugin-vue2-svg (1) Google Pay (1) 雜記 (1) 旅遊 (1) 日本 (1) 大阪 (1) 奈良 (1) Apple 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
第一篇文章
這是第一篇，毫無意義的嘗試語法而已。