真的很佩服每天寫筆記的人，原先的目標是完整記錄上了哪些(大綱列出來) 寫到中期有幾天就特別想研究某些東西，就沒筆記了(抓到…沒在聽課) dpes8693/iSpan-MFEE-exp: 前端專班學習歷程 (github.com) 所有課程都獨立一個資料夾，點進去就能看到該課程(心得筆記) 除了課程內容也寫了注意事項，相信認真看完會有幫助(方向)的 撰寫時數超過 50hr 很搞剛 請勿作為商務或非法使用! 課程資訊 前端工程師就業養成班 | iSpan資展國際

以下以Windows為例，Linux和MacOS應該都是下指令就能安裝了 先到 NVM 的 repo 找到 nvm-windows nvm-sh/nvm: Node Version Manager — POSIX-compliant bash script to manage multiple active node.js versions (github.com) 2. 接著到 release 找到 exe 安裝檔 3. 若已經有安裝過 node.js 後會提示是否交給 nvm 管理?

原因: repo上已經有該檔案了，若只有編輯.gitignore是沒有權限直接刪除該檔案，需要下指令(想像成重新同步的概念) 切記先將寫好的都推上去，否則紀錄會被清掉! git rm -rf --cached . git add . 同步後再push一次就會將repo中需要忽略的檔案移除 參考資料: git — Gitignore not working — Stack Overflow 後記 Git其實把它當成超進階版本的遊戲存檔機制就比較好理解，國小玩神奇寶貝抓不到神獸就是不斷重開讀檔直到抓到為止，之後再存檔覆蓋XD =>開新的branch名字叫抓"xx神獸"，不斷修改直到完成該功能，之後做merge合併到主分支

dbdiagram.io 是一款線上畫DB schema的網站，可以用拖拉的方式建立關聯 可以參考這兩篇文章都介紹得很好: 事前規劃(2) 資料庫規劃 — iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天 (ithome.com.tw) 在線數據庫關係圖設計工具 dbdiagram.io — 台部落 (twblogs.net) 在我使用拖拉的方式建立關聯後輸出成MySQL遇到一個問題 ALTER TABLE `XX` ADD FOREIGN KEY(`Setting_ID`) REFERENCES `XX`(`Setting_ID`); 原來是拖拉的時候沒有注意 A關聯B 變成 B關聯A，難怪噴錯! 結論: 拖拉是有順序的!符號也有差異 預設拖拉:(大於符號>)在前的會當Main去建FK (減符號-)在”後”的會當成Main去建FK 非常擾人的設計 FK外鍵 順序沒有自動化很可惜!

新手時期時其實搞不懂為什麼明明都是 data 怎麼會那麼多種寫法… 現在的我決定提供下面四種範例(相信那時若有這篇就能幫到過去的我) 必備知識: ES6 Shorthand, Object結構, ES6 箭頭函數 如果搞懂上面這幾個就OK了~

今天用 VueCLI 起一個 Vue3專案 點進去就噴錯

平常在做網頁開發相關工作的大家有沒有想過一個問題 — 如何在VScode嵌入瀏覽器呢? 每次調整CSS後視窗都要在Browser和VScode切來切去的(如果是單螢幕)，切一次1秒那一年會花掉多少時間呢? 今天我想分享一個套件解決這個問題，提升DX(Developer Experience)! Browse Lite 由Vue團隊核心成員Anthony Fu等開發者製作的套件，以下Demo執行畫面:

#輸入 cls 後按下 Enter 可以清除 #打檔名的開頭後按下 tab，會自動填入檔名 (若找到很多的話，不斷按tab切換下一個~循環)