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