Blog

A collection of learning notes, development thoughts, and whatever comes to mind

2026

[Functional Programming] 初探 lambda calculus 1月6日 · 25 min

2025

[心得] WebConf Taiwan 2025 簡短筆記與心得 12月20日 · 39 min

[心得] JSDC 2025 簡短筆記與心得 12月3日 · 28 min

[心得] Tech Book Community 線下小聚 -【Zet】React Render Props 7月21日 · 26 min

[JavaScript] axios 初探（二）：資料轉換與錯誤處理機制 5月7日 · 22 min

[JavaScript] axios 初探（一）：基本用法、axios instance 與 URL 編碼處理 4月25日 · 25 min

[Security] 前端攻擊案例：差一點的 Figma XSS、Proton Mall XSS、Payment Request 漏洞、Bitrix24 XSS 與 Joomla! XSS 2月5日 · 31 min

[Security] 前端攻擊在 Web3 的應用、XSLeaks、XS-Search 與 Cache probing 1月23日 · 28 min

[Security] Clickjacking、MIME sniffing 攻擊與前端供應鏈攻擊 1月22日 · 32 min

[Security] Same-site cookie 與 CSRF 防禦、same-site 攻擊以及 cookie bomb 1月9日 · 28 min

[Security] 認識 CSRF 與常見防禦方式 1月8日 · 15 min

2024

[Security] CORS 與跨來源資源安全性問題 12月25日 · 29 min

[Security] 細究 Same-origin policy 與 same site 12月24日 · 18 min

[Internet] URL 和 domain 組成初探 12月23日 · 7 min

[Security] CSS injection 與純 HTML 攻擊手法 12月6日 · 30 min

[Security] DOM clobbering 與 Client Side Template Injection(CSTI) 介紹 11月25日 · 21 min

[Security] 基於 JavaScript 的攻擊手法：Prototype Pollution 初探 11月23日 · 20 min

[Security] 最新 XSS 防禦 Trusted Types & Sanitizer API，以及 XSS 防禦繞過手法 11月8日 · 20 min

[Security] XSS 的多道防線：Sanitization、CSP、降低影響範圍 10月31日 · 32 min

[Security] 瀏覽器安全模型與 XSS 初探 10月23日 · 31 min

[React] 認識 useCallback、useMemo，了解 hooks 運作原理 7月8日 · 24 min

[React] React 18 effect 函式執行兩次的原因及 useEffect 常見情境 6月21日 · 18 min

[React] 對 hooks 的 dependencies 誠實，以維護資料流的連動 6月12日 · 23 min

[React] React 中的副作用處理、初探 useEffect 5月26日 · 31 min

[React] 認識 component 的生命週期、了解每次 render 都有自己版本的資料 5月10日 · 19 min

[React] 了解 immutable state 與 immutable update 方法 4月25日 · 30 min

[React] 在子 component 觸發父 component 資料更新、深入理解 batch update 與 updater function 4月12日 · 33 min

[React] 認識狀態管理機制 state 與畫面更新機制 reconciliation 3月28日 · 27 min

[React] 單向資料流介紹以及 component 初探 3月15日 · 34 min

[React] 了解 JSX 與其語法、畫面渲染技巧 3月2日 · 27 min

[React] DOM, Virtual DOM 與 React element 2月23日 · 15 min

[JavaScript] 圖片錯誤處理在 JavaScript、React.js 和 Next.js 中的應用 1月6日 · 8 min

2023

[CSS] 以 Tailwind CSS 排列商品列表的 3 種方式 12月22日 · 6 min

[WebAPIs] 淺談 JavaScript DOM Manipulation (2): 建立與新增 11月2日 · 4 min

[WebAPIs] 淺談 JavaScript DOM Manipulation (1): 選取與樣式操作 9月29日 · 4 min