[筆記] 使用 Google Maps 的自製地圖 iFrame 來標示多個地點
Google Maps 若要嵌入到網站中進行多個地圖點的展示,可用公司或是商家的 Google 帳號去建立一張自製地圖,然後將此 <iFrame> Read More …
[筆記] Vue3 onMounted 無法獲得 DOM 的原因和解法
在 Vue3 中整合原生的 JavaScript 套件如 Swiper,遇上了 onMounted 無法獲取 DOM 的情況。這邊筆記下成因和解決方法。 內容 Read More …
[筆記] JavaScript 跨日判斷與非連續時間範圍檢查
近期在撰寫時間判斷的業務邏輯時,遇上要開始結束時間跨日 + 每日能使用的時段範圍是不連續的。這邊筆記下思路。 內容 場景舉例:使用者選擇 2024/1/1 16 Read More …
[筆記] 程式必修課!資料結構與演算法|JavaScript 篇 – 67
重念一次早該補起來的「資料結構與演算法」。這篇筆記下 SAT Problems 布林可滿足性問題。 課程相關資訊 [連結]:https://hiskio.com Read More …
[筆記] Jest Vue3 測試含有 Teleport 的元件
這篇筆記下撰寫單元測試遇上含有 <Teleport> 屬性的 Vue3 元件,可以使用的測試方法。 內容 Stub 方法 在 mount 該元件的時 Read More …
[住宿] 台灣 台北 林口福朋喜來登 Four Points by Sheraton Linkou 套房
上回入住台北林口福朋喜來登是在疫情尾聲的 2022 年。這回久違用點房+升等券的方式,來體驗一下套房。整體客房品質有達到一定水平,不過房內的濕氣有點重和桌椅有一 Read More …
[筆記] 理想中的 HTML Modal 切版作法
近期在製作 Modal 的元件公版時,想說看有沒有近乎 Best Practice 的作法。這邊筆記下當前 2024 年的個人技術所能實踐的最佳成果。 內容 1 Read More …
[筆記] 程式必修課!資料結構與演算法|JavaScript 篇 – 66
重念一次早該補起來的「資料結構與演算法」。這篇筆記下 NP 困難問題。 課程相關資訊 [連結]:https://hiskio.com/en/courses/57 Read More …
[筆記] JavaScript HTML 多個 Modal 避免底層捲軸滾動
近期在 HTML 畫面實作上,遇上單個畫面內容以及多個 Modal 間,都需要控制捲軸是否出現的情況。這邊筆記下核心重點以及嘗試出的 Best Practice Read More …