接了前人的 code，整包程式幾乎所有功能只要能用套件就用套件，其中發現一個套件叫 dayjs，用起來還不錯，來記錄一下常用功能 # Dayjs 介紹 Dayjs 是一個輕量的 JavaScript 時間日期處理的函數庫，具有以下特點 輕量 程式碼只有 2kb 大小，並且沒有任何依賴，可以直接在瀏覽器中使用，也可以在 Node.js 中使用 易上手 實際使用的感覺比原生的 Date 物件更簡單，並且提供了一些常用的功能，例如：格式化時間、計算時間差、時間比較等等 相依性低 Dayjs 只依賴於 ES5 的函數庫，因此可以在任何環境中使用，包括...

Vite proxy 、 axios 攔截器 等議題，很容易在網路上查到資料 但自己實際在使用的時候，總會有一些細節沒注意到 這篇記錄實際使用了 vite proxy 、 整合 axios 攔截器 以及設定攔截器功能的內容 # 大綱 Vite 設定 proxy 方法 axios 攔截器如何設定 URL 實際使用 axios 的 API # Vite 設定 proxy 方法 在 Vite 中，我們可以通過在 vite.config.js 文件中設定一下，就可以做好應用程式的 proxy，讓 Vite 透過 proxy 呼叫 API Vite 預設已經有個 defineConfig...

flex 物件的子物件寬度為多少？從這個問題衍伸出 flex-shrink 的計算公式 這篇就來簡單聊聊吧 # flex 物件的子物件的寬度，在沒設定寬的時候是多少？ 事實上，flex 物件的子物件寬度，是由該物件內容寬度決定 例如下面的例子，將子項目 font-size 設定 20px 項目 a、b、c 分別是五個字、三個字、七個字 此時呈現結果將會是 a 的寬度為 5 x 20 = 100px b 的寬度為 3 x 20 = 60px c 的寬度為 7 x 20 = 140px .flex { width: 1000px; height: 300px;...