プログラムを書けないうさぎは、ただのうさぎだ。

# 行動裝置按鈕卡頓：原因與改善 # 為什麼第一次 tap 會卡？ 手機的 tap 事件處理比桌面滑鼠複雜很多，有三個層面的問題同時發生。 # 問題一：300ms 延遲 瀏覽器為了判斷使用者是「單擊」還是「雙擊縮放」，預設會等待 300ms 才觸發 click 事件。 使用者手指離開螢幕 ↓ 瀏覽器等待 300ms...（確認是否為雙擊） ↓ 觸發 click 事件 這 300ms 是肉眼可感受到的延遲。低階手機 JS 執行本來就慢，再加上 300ms，體感上就像「卡了一下」。 解法： 加上 touch-action: manipulation .btn {...

# 前言 這篇筆記僅會記錄一些我覺得比較特別的語法跟我熟悉的 C++ 差異比較大的部分，並不會系統性的介紹所有語法。 還有一些 python 常用套件的語法。 # 語法介紹 # 單行 if（三元運算子） Python 沒有 ? : 運算子，而是用以下語法表達： 值A if 條件 else 值Bx = 10result = "big" if x > 5 else "small"# result = "big"# 可直接用在運算式或函式參數中print("even" if x % 2 == 0 else...

# git 介紹 Git 是一個分散式版本控制系統，用來追蹤檔案的變更歷史。 每次修改都會被記錄，可以隨時回到過去的任意版本，也方便多人協作開發。 # git 安裝 這個部分暫時先跳過... # 指令介紹 Git 的工作流程分為四個區域，指令負責在區域之間移動資料： #mermaid-1785416385695{font-family:"trebuchet ms",verdana,arial;font-size:16px;fill:#333;}#mermaid-1785416385695...

# 甚麼是 DCF 現金流折現估值模型 # DCF（Discounted Cash Flow，現金流折現） 在理解任何 DCF 公式之前，先問自己一個問題：你現在拿到 $100，和三年後拿到 $100，哪個比較有價值？ 答案顯然是「現在的 $100 更有價值」，因為你可以把它拿去投資、賺取報酬。這就是「錢的時間價值（Time Value of Money）」—— 未來的錢，比現在的錢不值錢。 DCF 的本質，就是把未來每一年的現金流，換算成「今天的價值」，然後加總起來，得到這間公司目前值多少錢。 # 為甚麼要把...

# 甚麼是 WebSocket

# Rate Limiting # 實作 使用 express-rate-limit # CORS # SQL & NoSQL Injedction # Firewalls # VPNs # CSRF # XSS

# 背景說明 Shoka 主題已經停止更新許久，但內部有許多寫死的邏輯，特別是圖片處理部分。原本的設計是使用新浪圖床（Sina Image Server），但隨著時間推移，我們可能想要： 使用自己的 CDN 服務（如 Cloudflare R2）來托管隨機背景圖 保留某些本地資源（如 favicon、avatar 等）在網站本地 # 問題分析 # 原本的限制 寫死的新浪圖床邏輯：在 themes/shoka/scripts/helpers/engine.js 中， parseImage 函數會自動將圖片路徑轉換為新浪圖床格式 無法區分本地與遠端資源：所有非完整 URL...

# 前言 Mermaid 作為 Markdown 的流程圖繪製解決方案，大大增加了 Markdown 的實用性。在搭建 Hexo 部落格時，我選擇了 Shoka 主題，它宣稱支援豐富的 Markdown 語法，包括 Mermaid。然而，在實際使用時卻發現 Mermaid 代碼塊無法正確渲染，只能顯示純文字。 本文記錄了完整的問題排查與修復過程。 # 初始環境狀態 # Package 依賴 專案已安裝以下主要依賴： { "hexo": "^8.1.1",...

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. # Quick Start # Create a new post h$ hexo new "My New Post"More info: Writing # Run server h$...