【Develop】解析 URL Text Fragments #:~:text=
本篇重點
- Text Fragments 允許透過 URL 直接定位並 highlight 網頁中的特定文字，無需依賴 HTML ID 屬性
- 了解 Text Fragments 和傳統錨點的差異
- 語法結構支援單詞、範圍及上下文定位
- 要求導航必須由使用者觸發（例如點擊連結或在網址列輸入），禁止透過腳本或是 iframe 加載
- 可透過
::target-text客製化反白樣式，不影響 DOM 結構
本篇重點
- VSCode 可以在存檔時自動移除行尾空白（Trim Trailing Whitespace）
- 基礎設定為全域生效
settings.json可進行語言層級的進階控制- Render Whitespace 設定可以輔助檢視空白位置
本篇重點
- npm install 有無指定版本的差異
- npm install 已安裝套件再次安裝的情境
- npm 設定檔的分工設計
- npm 相依套件的分類
- 語意化版本（SemVer）、符號（^、~）的實際安裝範圍
- npm update 是一個依版本規則自動前進的更新工具
- npm update 有無指定套件的差異
- npm 降版本需求使用 npm install，不能使用 npm update
【GitHub、Hexo】jsDelivr CDN 加速 GitHub Pages 資源及 Hexo 實作
本篇重點
- 使用 jsDelivr CDN 串接 GitHub Pages 資源，延長快取時長、加速載入
- 了解 GitHub Pages 與 jsDelivr 在快取、全球節點、資源更新速度上的差異
- 了解 jsDelivr CDN 串接原理與版本控制
- 使用 Hexo 過濾器實現本地資源重寫
- 使用自動化佈署腳本與 CDN Tag 機制實現佈署後強制更新快取