![[筆記] 實作 ColorPicker Vue3 元件](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 實作 ColorPicker Vue3 元件")
[筆記] 實作 ColorPicker Vue3 元件
在 Vue3 利用各瀏覽器的原生 input 的 color 類型，就可以簡易的產出色彩選擇器。這邊筆記下重點。 內容 相容性 除了 IE、Android 版本 Read More …
分類: 網頁開發 Web Development
[筆記] Vue3 運用 Pinia 實踐前端篩選排序的邏輯建議
Vue 3 純前端專案的資料篩選、排序是極常見的需求。由於原始資料的巢狀結構需非同步載入，且順序也是動態的，可利用 Pinia 的 getters 暫存並搭配創 Read More …
![[筆記] VS Code 修正 command not found: code 錯誤](https://smlpoints.com/wp-content/uploads/notes-vs-code-sidebar-left-right-main-secondary-change-1.jpg "[筆記] VS Code 修正 command not found: code 錯誤")
[筆記] VS Code 修正 command not found: code 錯誤
VS Code 用命令列開啟專案，可以用 “code” 指令。不過若出現 command not found: code 的錯誤，就透過 Read More …
![[筆記] 程式必修課！離散數學與演算法 – 105](https://smlpoints.com/wp-content/uploads/notes-essential-programming-discrete-math-algorithms-python-javascript-1-200x200.jpg "[筆記] 程式必修課！離散數學與演算法 – 105")
[筆記] 程式必修課！離散數學與演算法 – 105
從網路課程 程式必修課！離散數學與演算法 來淺嚐一下沒機會在課堂上所學的離散數學與演算法。或許對撰寫程式的效能提昇會有些幫助。 課程相關資訊 [連結]：http Read More …
[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件
因專案需求以及客製化樣式，決定自行手刻一個拖曳點擊上傳圖片的區塊，需要兼有圖片預覽、移除圖片、指定格式、檢查檔案大小以及因應 iOS 獨有的 heic 格式的轉 Read More …
[筆記] 程式必修課！離散數學與演算法 – 104
從網路課程 程式必修課！離散數學與演算法 來淺嚐一下沒機會在課堂上所學的離散數學與演算法。或許對撰寫程式的效能提昇會有些幫助。 課程相關資訊 [連結]：http Read More …
![[筆記] 端對端 E2E 前端測試 自動開啟瀏覽器 start-server-and-test](https://smlpoints.com/wp-content/uploads/guide-npm-change-default-download-resources-in-china-1.png "[筆記] 端對端 E2E 前端測試 自動開啟瀏覽器 start-server-and-test")
[筆記] 端對端 E2E 前端測試 自動開啟瀏覽器 start-server-and-test
執行 E2E 的前端自動化測試時，會依序經過 build 專案、啟動網頁伺服器、執行測試 3 個階段。由於既有指令執行時，會在「啟動網頁伺服器」的階段長時間執行 Read More …
[筆記] 程式必修課！離散數學與演算法 – 102
從網路課程 程式必修課！離散數學與演算法 來淺嚐一下沒機會在課堂上所學的離散數學與演算法。或許對撰寫程式的效能提昇會有些幫助。 課程相關資訊 [連結]：http Read More …
![[筆記] 調整系統時間 模擬未來 new Date()](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] 調整系統時間 模擬未來 new Date()")
[筆記] 調整系統時間 模擬未來 new Date()
瀏覽器的 new Date() 函式，或是依賴它的 dayjs, moment … 等函式庫，都可利用調整 OS 作業系統時間，來達成模擬未來的情境 Read More …
