maru

axios create 基本用法

但是如果一個專案中要打 20 次相同的API,而且每一次都要寫一段很長的路徑，那就有點麻煩，程式碼也會累贅不好閱讀。這時如果想要寫的更簡潔，此時就可以使用 axios.create（axios instanece）來建立簡短好閱讀的捷徑。

一個前端工程師的日常就是打不完的 API，接不完的資料。而串接 API 最常使用的函式庫莫過於 axios，但是雖然每天都在用，卻常常覺得用的只是皮毛，始終都沒有好好地去研究與了解 axios，這篇筆記就讓我好好來記錄一下 axios 的使用觀念與方法。

將網頁圖表輸出成圖檔也是常常被 PM 大人要求的功能，這周就來記錄一下如何在 Vue3 框架中，將 Chart.js 圖表輸出成 PNG 圖片。

經手的幾個專案，echarts 套件改成 Chart.js 的工作在終於告一段落，今天解決的最後一個問題是，在 X 軸的每個區間有三個長條圖，同時在長條圖上要要一個點來跑線圖，結果如下圖。簡單筆記一下作法，順便複習一下今天做的過程。

如果要在 Vue Composition API 來使用 Chart.js ，同時在更換資料時，圖表也要更新，要怎麼做？讓我來筆記一下詳細作法。

上一篇文章有提到公司舊專案使用eChart 做圖表，被掃出有資安風險，現在要改用 Chart.js，我原本沒有要搭配其他把Chart.js 做成元件的套件，但後來因為某些原因還是使用了 Vue-chart.js，在這邊紀錄一下我的作法與踩的坑。

去年參與的幾個專案有使用的 EChart 這個套件，結果被業主掃出有資安問題。綜合考量之下，決定改用 Chart.js 來取代 EChart。在這邊整理一下 Chart.js 在 Vue3 的使用方法。

今天把子系統推上了測試機，卻發生了不能登入的慘案。我本來以為是login沒有寫好，研究了很久，後來問了公司的devope工程師，他幫我看了之後，跟我說是我環境變數沒設好，就讓我來整理一下子系統的環境變數該怎麼設。

前端工程師的日常免不了要接 API 的資料回來列表，有條理地呈現資料，讓我來整理一下資料列表常用的技巧。

接手前輩的專案作維運，他使用的日曆套件是 Vue-datepicker-next，所以我也針對這個套件做了一番研究。大致上的參數用法在官網的 Demo 上都有示範，而我比較困惑的部分是在於年分的 disabled 部分，官網 Demo 並沒有示範年份不可選區間的部分，所以我做了一下研究。