以前端專案來說，當不同專案使用不同的 node 版本，除了用 nvm 切換以外也可以直接用容器模式來使用 Cursor / VSCode，可以做到更好的隔離。 1. 安裝 Docker 如果 Win 環境啟用 WSL 出現錯誤，可嘗試 BIOS 模式開啟虛擬環境 (Link) 2. 在專案根目錄新增 .devcontainer 資料夾 範例 my-node-20-project/ ├── .devcontainer/

前言 之前一直以為前端只要把版切好，有點美感就好了。 後來發現學了 TypeScript 可以讓我在三個月回來看自己的 code 時還可以看懂；發現學了自動化 CI/CD 可以讓我不用為了部署而花費大把時間。 而 Big O 呢？曾經以為前端相對於後端，應該比較少會遇到資料結構或演算法的考驗，但當我想要邁向資深工程師這條路，「效能調整」就是一個重要的議題。所以希望可以把之前沒有打很好的底重新拿出來複習一次。 Let's Go! To the Big O World :rocket: :::info

HTML 1. 語意化標籤 例如 <header>, <section>, <footer> 讓結構一目了然有助於開發體驗，也因為結構清晰可以讓 SEO 分數更高。 CSS 1. CSS 樣式的優先順序 定義解釋： Inline Style 是指直接用 style='' 將樣式寫在 HTML tag 中。 在 Vue Template 中可以用靜態 style='' 也可以用動態 :style=''

LearnWeb Taiwan Meetup #21 透過三法五絕學自動化測試 Cypress 實戰 Workshop 主題：透過三法五絕學自動化測試 Cypress 實戰 Workshop 講者：Eason 日期：2024/12/22 (周日) 14:00 地點：言文字 Emoji Cafe & Bar 3F /台北市中正區開封街一段6號3樓 (筆記開始) 測試金字塔 圖片